jquery - jQuery - スライド インし、ウィンドウの幅を維持するサイドバー

Question

私はこれを理解しようとしてきましたが、まだ管理していません..だから私はあなたに助けを求めています!

私がやりたいことは、ユーザーがボタンをクリックすると、サイドバーが表示または非表示になることです。コンテンツが続き、サイドバーと同じ方向にスライドし、ユーザーが y オーバーフローを確認できないようにする必要があります。

これは基本的に私がやりたいことです: http://mikedidthis-pierre.tumblr.com/

前もって感謝します！乾杯

Answer 1

メニューを切り替えるボタンを作成します。

var menuEnabled = false;

$("button").click(function() {
    if (menuEnabled) {
        $("#left").css("display", "none");
        $("#content").css("margin-left", "0");
        menuEnabled = false;
    } else {
        $("#left").css("display", "block");
        $("#content").css("margin-left", "200px");
        menuEnabled = true;
    }
});

完全なデモはこちら: http://jsfiddle.net/YwRSb/4/