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

Question

有一个JQuery accordion：

<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

嗨试试这个非常紧凑，

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

请检查小提琴：

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

Answer 2

有效！

$(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/