0

これは大きなハンドルの js です。

jQuery( document ).ready(function() {
   jQuery( ".docit-main-header" ).click(function() { 
     jQuery(this).nextUntil().find('.docit-sub-post').slideToggle();
     jQuery(this).nextUntil().find('.docit-sub-sub-menu-wrap').slideToggle();
});

これは小さいハンドルの js です。

jQuery( ".docit-sub-header" ).click(function() {
   jQuery(this).nextUntil('div').slideToggle();
 });

これを修正するにはどうすればよいでしょうか。小さなハンドルをクリックしてアイテムを閉じ、次に大きなハンドルをクリックすると、開いたハンドルが開いたままになり、他のハンドルがスライドして開きます。フリップフロップの代わりに。jsfiddle.net/6U6fC/8/の例を次に示します。

4

2 に答える 2

0

毎回「sub-post」と「sub-menu-wrap」でslideToggleを呼び出しています。
jQuery の「トグル」関数は、閉じているものをすべて開き、開いているものをすべて閉じます。

条件を作成:visibleしてセレクターで使用してみて、slideToggle が表示または非表示の要素でのみ呼び出されるようにします。

于 2013-11-06T03:30:55.257 に答える