Ouvrir fermer div avec le clic

Question

J'ai une fonction qui ouvre et (devrait) fermer une série de div. Disons que c'est un accordéon.

<div class="cat_table_header" onclick="show_hide_table(this);"> 

Le problème est que le premier div de cet accordéon commence toujours visible, et je voudrais que cela commence fermé. Aussi, si je clique dessus, ne ferme pas, mais si je clique sur un autre div, il se ferme et ouvre le div cliqué.

Une suggestion?

Answer 1

C'est le javascript:

jQuery(document).ready(function() { 
    jQuery(".cat_table_container").hide(); 
    jQuery(".cat_table_container:first").show(); 
}); 

function show_hide_table (table) { 
    table = jQuery(table).parent().find(".cat_table_container"); 
    if (jQuery(table).is(":visible")) { 
     if (jQuery(table).parents(".cat_container").attr("class") != "cat_container cat_container_parent") { 
      if (jQuery(".cat_container_parent .cat_table_container").length > 0) 
       jQuery(table).hide(); 
     } 
    } 
    else { 
     jQuery(".cat_table_container").hide(); 
     jQuery(".cat_container_parent .cat_table_container").show(); 
     jQuery(table).show(); 
    } 
} 
' 

Un grand merci