これとまったく同じ質問があります: jQuery を使用してサイドバー div を切り替える (非表示/表示) 方法
残念ながら、これは jQuery 1.9.1 では機能しなくなりました。最新バージョンの jQuery で同じ結果を得るにはどうすればよいですか?
これとまったく同じ質問があります: jQuery を使用してサイドバー div を切り替える (非表示/表示) 方法
残念ながら、これは jQuery 1.9.1 では機能しなくなりました。最新バージョンの jQuery で同じ結果を得るにはどうすればよいですか?
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');
これで試してください
$('button').click(function(){
$('#My_div_id').toggle();
});
試す:
(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);
}());
その要素のidセレクターを作成し、アクションの「プロセッサー」である要素のidを作成します。
例えば:
$('#id1').click(function(){
$('#id2').slideToggle(x);
});
ここで、x は 1 秒を表す数値 (1000) です。また、ワード、スロー、ファストのいずれでもかまいません。