如何在重新点击手风琴按钮时关闭手风琴内容？

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/