javascript - 折叠 jQuery 垂直选项卡(水平折叠 div)

Question

这是 jsfiddle 原型(prototype):http://jsfiddle.net/TRRP2/

目前，如果我按下切换按钮，仅选项卡的 div 会显示/隐藏，但 tabs-1 内容的 div 会保持在原位。

点击事件代码为:

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

当仅选项卡的 div 隐藏时，我希望内容 div 向左对齐。换句话说，仅选项卡的 div 应该折叠。

提前致谢

Answer 1

正如我的评论所说，您应该更喜欢在 CSS 中执行此操作。

您的 fiddle 已更新:http://jsfiddle.net/TRRP2/2/

我只是改变了一点CSS

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