jquery - jQueryを使用してサイドバーのdivを切り替える方法

Question

これとまったく同じ質問があります: jQuery を使用してサイドバー div を切り替える (非表示/表示) 方法

残念ながら、これは jQuery 1.9.1 では機能しなくなりました。最新バージョンの jQuery で同じ結果を得るにはどうすればよいですか?

Answer 1

jQueryのtoggle()、slideToggle()、およびfadeToggle()は、このジョブの最も一般的なツールですが、toggleClass()を使用すると、CSS でスタイル/アニメーションを設定し、JS コードから分離できるため、柔軟性が少し向上します。例えば

.item {
    width: 100px;
    height: 100px;
    background: red;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.item.hidden {
    width: 0;
}

その後：

$('.item').toggleClass('hidden');

デモ

Answer 2

これで試してください

$('button').click(function(){
     $('#My_div_id').toggle();
});

Answer 3

試す：

(function() {
    var state = 0;
    var toggle = function() {
        if (state === 0) {
            $('#B').css('left', '0');
            state = 1;
        } else {
            $('#B').css('left', '200px');
            state = 0;
        }
    }

    $('button').click(toggle);
}());

Answer 4

その要素のidセレクターを作成し、アクションの「プロセッサー」である要素のidを作成します。

例えば：

$('#id1').click(function(){
$('#id2').slideToggle(x);
});

ここで、x は 1 秒を表す数値 (1000) です。また、ワード、スロー、ファストのいずれでもかまいません。