打开关闭div与点击

问题描述：

我有一个函数，打开和（应）关闭一系列的div。让我们说它的'手风琴。打开关闭div与点击

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

的问题是，这手风琴的第一个div开始总是可见的，我想，这开始封闭。此外，如果我点击它，不关闭，但如果我点击另一个div它关闭并打开点击的div。

有什么建议吗？

这将是有益的，如果你能提供的jsfiddle链接:) – Manjunath

已经这个答案帮我找到的JavaScript它： – Travelbaba

答

这是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(); 
    } 
} 
'

非常感谢

打开关闭div与点击

相关推荐