【问题标题】:jQuery UI Accordion doesn't start collapsed (collapsible:true, active:false)jQuery UI Accordion 不会开始折叠(可折叠:true,活动:false)
【发布时间】:2016-08-02 22:50:52
【问题描述】:

这让我发疯了。我正在使用 jQuery UI Accordion 并且第一行保持打开状态。我想让它默认关闭,除非它被点击。我已经投入了活动:假。加载时第一行仍然没有折叠。

有人可以帮忙吗?

$(function() {
    $("#accordion").accordion({
        collapsible: true,
        active: false heightStyle: "content"
    });
});

$(function() {
    var icons = {
        header: "ui-icon-circle-arrow-e",
        activeHeader: "ui-icon-circle-arrow-s"
    };

    $("#accordion").accordion({
        icons: icons
    });

    $("#toggle").button().click(function() {
        if ($("#accordion").accordion("option", "icons")) {
            $("#accordion").accordion("option", "icons", null);
        } else {
            $("#accordion").accordion("option", "icons", icons);
        }
    });
});

【问题讨论】:

    标签: jquery user-interface accordion


    【解决方案1】:

    您的代码中有一些错误(缺少昏迷)

    https://jsfiddle.net/Tintin37/togrrt34/1/

    $(function() {
        var icons = {
            header: "ui-icon-circle-arrow-e",
            activeHeader: "ui-icon-circle-arrow-s"
        };
    
        $("#accordion").accordion({
            collapsible: true,
            active: false,
            heightStyle: "content",
            icons: icons
        });
    
        $("#toggle").button().click(function() {
            if ($("#accordion").accordion("option", "icons")) {
                $("#accordion").accordion("option", "icons", null);
            } else {
                $("#accordion").accordion("option", "icons", icons);
            }
        });
    });
    

    【讨论】:

    • 感谢您清理我凌乱的代码。成就了我的一天。如果我有地址,我会送啤酒。
    • 很高兴这对您有所帮助,您可以认为我的回答已被接受,稍后再喝一杯;)
    猜你喜欢
    • 2011-12-18
    • 2014-03-12
    • 1970-01-01
    • 2011-11-27
    • 1970-01-01
    • 1970-01-01
    • 2013-06-01
    • 2012-01-14
    • 2011-04-21
    相关资源
    最近更新 更多