jquery崩潰問題

Question

加載它的樣子。

上展開這樣

如果我點擊懂得+號，然後它會崩潰什麼新的工作正常。

但是，如果點擊什麼新的又新什麼然後崩潰工作正常 但+標誌的圖像並沒有改變。

我也必須改變那個標誌。請幫助，提前致謝。

HTML

<div class="Wobnavi"> 
    <ul class="rootFolders"> 

      <li id="wobsubfolder1"> 
      <h2 class="more_folders" id="wobsubfolder1"> <a href="#">WHAT'S NEW?</a> </h2> 

        <ul class="subFolders"> 

         <li> 
          <a href="#">test</a> 
         </li> 

        </ul> 

      </li> 

      <li id="WOB-events-folder"> 
      <h2 class="null" id="WOB-events-folder"> <a href="#">EVENTS</a> </h2> 

      </li> 

      <li id="wobsubfolder2"> 
      <h2 class="more_folders" id="wobsubfolder2"> <a href="#">KNOW-HOW</a> </h2> 

        <ul class="subFolders"> 

         <li> 
          <a href="#">Legacy &amp; brand values</a> 
         </li> 

        </ul> 

      </li> 

      <li id="wobsubfolder3"> 
      <h2 class="null" id="wobsubfolder3"> <a href="#">ATTRACTIONS</a> </h2> 

      </li> 

      <li id="HERITAGE"> 
      <h2 class="null" id="HERITAGE"> <a href="#">heritage</a> </h2> 

      </li> 

    </ul> 
</div> 

的jQuery：

jQuery(document).ready(function(){ 
    jQuery('.Wobnavi .rootFolders h2').click(function(){ 
    var main = jQuery('.Wobnavi .rootFolders h2'); 
       var clk = jQuery(this); 
       var it = main.hasClass('less_folders') ? (main.removeClass('less_folders'), clk.toggleClass('less_folders')) : clk.toggleClass('less_folders'); 

var co = jQuery('.subFolders'); 
       var el = jQuery(this).next(co); 
       var doit = el.is(':hidden') ? (co.slideUp('1000'), el.slideDown('1000')) : co.slideUp('1000') ; 
       }); 
     }); 

Answer 1

最後我做到了我自己。

jQuery('.Wobnavi .rootFolders h2').click(function(){ 
        var clk = jQuery(this); 
        if(clk.hasClass('more_folders')){ 
         clk.removeClass('more_folders').addClass('less_folders'); 
         jQuery('.Wobnavi .rootFolders h2').each(function(index, ele){ 
          if((jQuery(ele).attr('id') != clk.attr('id')) && (jQuery(ele).hasClass('more_folders') || jQuery(ele).hasClass('less_folders'))){ 

            jQuery(ele).attr('class','more_folders'); 

          } 
         }); 
        }else if(clk.hasClass('less_folders')){ 
         clk.removeClass('less_folders').addClass('more_folders'); 
        } 

        var co = jQuery('.subFolders'); 
        var el = jQuery(this).next(co); 
        var doit = el.is(':hidden') ? (co.slideUp('1000'), el.slideDown('1000')) : co.slideUp('1000') ; 
       });