点击即可打开关闭div

时间:2017-08-16 07:01:06

标签: html onclick hide show css-tables

我有一个时钟打开和(应该)关闭一系列div的功能。 让我们说它的'手风琴。

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

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

有什么建议吗?

1 个答案:

答案 0 :(得分: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();
    }
}
'

非常感谢