使用 JQuery 切换手风琴

我收到了一个手风琴，它不会打开和关闭每个选项卡。它仅在以下情况下关闭选项卡another标题已选择，但我希望用户也能够在单击时关闭它。我不知道如何编辑这个 Jquery 来允许这种情况发生。

jQuery("ul.gdl-accordion li").each(function(){
    jQuery(this).children(".accordion-content").css('height', function(){ 
        return jQuery(this).height(); 
    });
    if(jQuery(this).index() > 0){
        jQuery(this).children(".accordion-content").css('display','none');
    }else{
        jQuery(this).find(".accordion-head-image").addClass('active');
    }       

    jQuery(this).children(".accordion-head").bind("click", function(){
        jQuery(this).children().addClass(function(){
            if(jQuery(this).hasClass("active")) return "";
            return "active";
        });
        jQuery(this).siblings(".accordion-content").slideDown();
        jQuery(this).parent().siblings("li").children(".accordion-content").slideUp();          jQuery(this).parent().siblings("li").find(".active").removeClass("active");
    });
});

我假设它在某个地方.click函数，即if声明...但我不确定为什么。

我也不确定为什么它默认第一个选项卡为打开状态...是否也有办法修改它？

http://jsfiddle.net/FKAAM/

任何意见是极大的赞赏。非常感谢。

使用slideToggle()代替：

jQuery(this).siblings(".accordion-content").slideDown();

jQuery(this).siblings(".accordion-content").slideToggle();

http://jsfiddle.net/FKAAM/4/