折叠jQuery垂直选项卡（水平折叠div）

Question

这是jsfiddle原型：http://jsfiddle.net/TRRP2/

目前，如果我按下切换按钮，则仅限制表符div显示/隐藏，但制表符-1内容div保持不变。

点击事件代码为：

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

我想在隐藏标签的div时将内容div对齐。换句话说，只有标签的div应该崩溃。

提前谢谢

Answer 1

正如我的评论所说，你应该更喜欢在CSS中这样做。

您的小提琴已更新：http://jsfiddle.net/TRRP2/2/

我刚刚改变了一点CSS

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