如何在重新點擊手風琴按鈕時關閉手風琴內容？

Question

有一個JQueryaccordion：

<script type="text/javascript" > 

    $(document).ready(function() { 

     $('div.accordionButton').click(function() { 
      $('div.accordionContent').slideUp('slow'); 
      $(this).next().slideDown('slow'); 
     }); 
     $("div.accordionContent").hide(); 

    }); 

</script> 

當初單擊對象div「accordionButton」，那麼它的子內容是通過幻燈片中顯示。如何通過重新點擊對象div「accordionButton」來隱藏這個子內容？

Answer 1

It Works！

$(document).ready(function() { 

    $('div.accordionButton').click(function() { 
     $('div.accordionContent').slideUp('slow'); 
     if(!$(this).next().is(':visible')){ 
     $(this).next().slideDown('slow'); 
     } 
    }); 
    $("div.accordionContent").hide(); 


});​ 

http://jsfiddle.net/ipsjolly/m4BTd/

更新小提琴： -

http://jsfiddle.net/ipsjolly/m4BTd/1/

Answer 2

嗨試試這個非常緊湊，

$(function(){ 
    $(".accordionButton").click(function(){ 
     $(this).next(".accordionContent").slideToggle(); 
    }); 
}); 

請檢查小提琴：

http://jsfiddle.net/jaiprakashsah/9zw6b/1/