Przełącz akordeon za pomocą JQuery

Miałem podarowany mi akordeon, który nie przełącza każdej karty otwartej i zamkniętej. Zamyka kartę tylko wtedy, gdyinne tytuł jest zaznaczony, ale chciałbym, aby użytkownik mógł go zamknąć również po kliknięciu. Nie wiem, jak edytować ten Jquery, aby to umożliwić.

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");
    });
});

Zakładam, że jest gdzieś w.click funkcja w tymif oświadczenie ... ale nie jestem pewien dlaczego.

Nie jestem też pewien, dlaczego domyślnie pierwsza karta jest otwarta ... czy istnieje również sposób na jej modyfikację?

http://jsfiddle.net/FKAAM/

Wszelkie porady są bardzo mile widziane. Wielkie dzięki TAK.

questionAnswers(4)

yourAnswerToTheQuestion