2017-08-16 183 views
0

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

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

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

有什么建议吗?

+0

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

+0

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

回答

0

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

非常感谢