Me dieron un acordeón que no abre ni cierra cada pestaña. Solo cierra la pestaña cuandootro el título está seleccionado, pero también me gustaría que el usuario lo cierre con un clic. No estoy seguro de cómo editar este Jquery para permitir que esto suceda.

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

Estoy asumiendo que está en algún lugar en el.click funcion, en esoif declaración ... pero no estoy seguro de por qué.

Tampoco estoy seguro de por qué está predeterminada la primera pestaña como abierta ... ¿hay alguna forma de modificar eso también?

http://jsfiddle.net/FKAAM/

Cualquier consejo es muy apreciado. Muchas gracias SO.