Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery可折叠元素实现_Javascript_Jquery - Fatal编程技术网

Javascript jQuery可折叠元素实现

Javascript jQuery可折叠元素实现,javascript,jquery,Javascript,Jquery,我是jQuery新手,想知道这是否是jQuery崩溃的良好实现: $(function () { var collapse = { "body" : $(".collapse-body"), "container" : $(".collapse-container"), "trigger" : $(".trigger"), "show" : $(".is-collapse"), "speed" : 300

我是jQuery新手,想知道这是否是jQuery崩溃的良好实现:

$(function () {

    var collapse = {
        "body" : $(".collapse-body"),
        "container" : $(".collapse-container"),
        "trigger" : $(".trigger"),
        "show" : $(".is-collapse"),
        "speed" : 300
    };

    function isCollapse() {
        return $(collapse.body).hasClass("is-collapse");
    }

    function isCollapseSingle() {
        return $(collapse.container).hasClass("collapse-single");
    }

    function collapseShow() {
        if (isCollapse()) {
            collapse.show.show();
        }
    }$(document).ready(function(){collapseShow()});

    //
    $(collapse.trigger).click(function (id) {
        id.preventDefault();
        var atv = $(this).attr("href");
        $(atv).slideToggle(collapse.speed);

        if (isCollapseSingle()) {
            $(collapse.body).not(atv).slideUp(collapse.speed);
        }
    });
});

它的功能是否如您所期望的那样?@Wycliffe peart您也可以发布您的html代码吗?我建议您在代码中使用Jquery或javascript?