jQuery slideToggle li при нажатии другой li

Question

Я хочу закрыть (slideToggle) элемент списка с вложенными ul и li в нем, щелкая по другому элементу listenlement с вложенными 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 1» при нажатии на другой «Subtopic x».

FIDDLE

Answer 1

Я предлагаю вам сначала закрыть все открытые списки затем открыть щелкнул один:

удалять правила в li.closed> уль

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