0

jsfiddle プロトタイプは次のとおりです: http://jsfiddle.net/TRRP2/

現在、トグル ボタンを押すと、タブのみの div が表示/非表示になりますが、tabs-1 コンテンツ div はそのまま残ります。

クリック イベント コードは次のとおりです。

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

タブのみの div が非表示のときに、コンテンツ div を左に揃えたいと思います。つまり、タブのみの div は折りたたむ必要があります。

事前にThx

4

1 に答える 1

1

私のコメントが言ったように、CSSでそれを行うことを好むべきです。

フィドルが更新されました: http://jsfiddle.net/TRRP2/2/

CSSを少し変更しただけです。

#tabs-left {
    position: relative;
    padding-left: 0.5em;
}
#tabs-only {
    float: left;
    width: 130px;
    height: 150px;
}
于 2013-04-17T08:05:47.463 に答える