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

Question

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

目前，如果我按下切换按钮，仅选项卡 div 会显示/隐藏，但 tabs-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;
}