Question

有人可以告诉我如何实现混合手风琴，其中很少有节点可以展开或折叠，但其余部分不应该。

Answer 1

只需添加我实施的方式，以便在需要时可以引用此内容。

我用过＆lt;李＆GT;标签与自定义类＆＃34; .custom-accordion＆＃34;我需要手风琴的地方。并跳过另一个＆lt;李＆GT;我不想要手风琴的地方。

准备好文件 - ＆gt;我已经处理了onclick事件以隐藏后续面板，如下所示：

 $(".custom-accordion").on("click", function (e) {
    var $accordionPanel = $(this);
    $accordionPanel.toggleClass("active");
    var panel = $accordionPanel.next();
    if (panel.css('max-height') != "0px") {
        panel.css('max-height', '0px');
    } else {
        //panel.css('max-height', panel[0].scrollHeight + "px");
        panel.css('max-height', "none");

    }
    $accordionPanel.attr('aria-expanded', ($accordionPanel.attr('aria-expanded') == 'false' ? 'true' : 'false'));
});

创建jQuery UI Accordion混合模式

1 个答案: