jQuery slideToggle li當點擊另一個li

Question

我想關閉（slideToggle）一個嵌套的ul和li的監聽，當點擊另一個監聽時嵌套的ul和li。

這是我的jQuery的切換本身：

$(document).ready(function() { 
    $("ul > li.closed").click(function (e) { 
     if (e.target === this) { 
      var li = $(this).closest('li'); 
      li.find(' > ul').slideToggle('fast'); 
      $(this).toggleClass("closed open"); 
     } 
    }); 
}); 

在我的小提琴：我想關閉「主題1」，當點擊的「主題2」。 我想在點擊另一個「Subtopic x」時關閉「Subtopic 1」。

FIDDLE

Answer 1

我建議你先關閉所有打開的列表中，然後打開一個點擊：

刪除規則li.closed> UL

li.closed > ul { 

} 

因爲display:none衝突與slideToggle()當您點擊在同一li

兩次和腳本改爲

$(document).ready(function() {  
    $("#nav li ul").css('display','none'); 
    $("ul > li.closed").click(function (e) { 
     if (e.target === this) { 
      $(this).siblings("li.open").find(" > ul").slideToggle('fast',function(){ 
       $(this).parents("li.open:first").toggleClass("open closed"); 
      }); 

      $(this).toggleClass("closed open").find(" > ul").slideToggle('fast'); 
     } 
    }); 
});