嵌套手風琴展開全屏第一個窗格jquery

Question

我有以下輸出要求。

項1
項目1.1
項1.1.1
項1.2
項目2
第3項
如果我在第2項點擊然後輸出將是
第1項
第2項
項目2.1
項目2.1.1
項目2.2
項目3

這是我的javascript。

$(".slide-list li a").click(function() {  

     if ($(this).hasClass("selected") && $(this).next().queue().length === 0) { 
      $(this).next().slideUp(); 
      $(this).removeClass("selected"); 
     } 
    else if (!$(this).hasClass("selected") && $(this).next().queue().length === 0) { 
      $(this).next().slideDown(); 
      $(this).addClass("selected"); 
     //$(this).next().find("ul:first").show(); 
     $(this).next().find("ul:first").slideToggle('slow'); //not working perfectly.  
     } 
    var $licurrent = $(this).parent(); 
    window.location.hash = $('.slide-list li').index($licurrent); 
$licurrent.parent().find("li").not($licurrent).find("a").removeClass("selected");   $licurrent.parent().find("li").not($licurrent).find("ul").hide("k"); 

}); 

$(document).ready(function(){ 
$("#Accord-wrapper ul.slide-list li a").first().trigger("click"); 
}); 

Answer 1

已更新：

如果你想顯示2級和3級，而不是2級而已，這裏的工作Fiddle ..

改變你的JS到這一點：

$(".slide-list li a").click(function() { 
    if($(this).hasClass("selected")){ 
     $(this).removeClass("selected"); 
     temp_selector = $(this).next("ul"); 
     while(temp_selector.length > 0){ 
      temp_selector.slideUp(); 
      temp_selector = temp_selector.find("ul"); 
     } 
    }else{ 
     $(this).parent().siblings("li").each(function(){ 
      $(this).find(".selected").next("ul").slideUp(); 
      $(this).find(".selected").removeClass("selected"); 
     }); 
     temp_selector = $(this).next("ul"); 
     while(temp_selector.length > 0){ 
      temp_selector.prev("a").addClass("selected"); 
      temp_selector.slideDown(); 
      temp_selector = temp_selector.children("li").first().children("a").next("ul"); 
     } 
    } 
});