0

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

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

4

4 に答える 4

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');

デモ

于 2013-04-20T12:18:37.367 に答える
1

これで試してください

$('button').click(function(){
     $('#My_div_id').toggle();
});
于 2013-04-20T11:56:50.133 に答える
0

試す:

(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);
}());
于 2013-04-20T12:04:41.313 に答える
0

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

例えば:

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

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

于 2013-04-20T12:00:38.647 に答える