jQuery可折叠元素实现

时间:2015-05-12 03:47:33

标签: javascript jquery

我是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);
        }
    });
});

0 个答案:

没有答案