2013-04-17 51 views
0

这里是的jsfiddle原型:http://jsfiddle.net/TRRP2/收起jQuery的垂直选项卡(折叠DIV horizo​​ntaly)

目前,如果我按下切换按钮,标签只DIV显示/隐藏,但标签-1含量DIV停留在地方。

的单击事件的代码是:

$("#tabs-left").tabs(); 
$(function() { 
    $('#hide').click(function() { 
     $('#tabs-only').toggle(); 
    }); 
}); 

我想离开了内容的div对齐时,标签只DIV是隐藏的。换句话说,只有制表符的div应该会崩溃。

THX提前

+0

即使有可能做到这一点与jQuery的,你应该更喜欢在CSS工作。 您的内容div的填充已固定。 你应该玩float:left;而不是固定的价值观来实现它。 –

回答

2

正如我的评论说,你应该更喜欢做在CSS。

你的小提琴更新:http://jsfiddle.net/TRRP2/2/

我只是修改一下CSS

#tabs-left { 
    position: relative; 
    padding-left: 0.5em; 
} 
#tabs-only { 
    float: left; 
    width: 130px; 
    height: 150px; 
}