如何使用jQuery关闭嵌套的accordion

如何使用jQuery关闭嵌套的accordion,jquery,html,css,Jquery,Html,Css,我有两个手风琴嵌套,一切都是我想要的功能。然而,我的最后一步是让主手风琴开关在单击时关闭所有内容,当再次单击主按钮时,我很难选择要关闭的内部手风琴…下面是一个带有内部手风琴示例的手风琴 HTML: 如果有人在找这个,在2021年关闭所有手风琴,你只需使用以下命令(注意-1) 要关闭所有嵌套的手风琴,可以使用单独的类,然后使用以下代码 jQuery('.parentAccordion, .childAccordion').accordion({

我有两个手风琴嵌套,一切都是我想要的功能。然而,我的最后一步是让主手风琴开关在单击时关闭所有内容,当再次单击主按钮时,我很难选择要关闭的内部手风琴…下面是一个带有内部手风琴示例的手风琴

HTML:


如果有人在找这个,在2021年关闭所有手风琴,你只需使用以下命令(注意-1)

要关闭所有嵌套的手风琴,可以使用单独的类,然后使用以下代码

            jQuery('.parentAccordion, .childAccordion').accordion({
                collapsible: true,
                active: false,
                heightStyle: 'content'
                ,
                beforeActivate: function (e, ui) {
                    
                    if($(this).hasClass('parentAccordion')){
                        $('.childAccordion').accordion("option", "active", -1);
                    }
                }
               
            });

如果有人在找这个,在2021年关闭所有手风琴,你只需使用以下命令(注意-1)

要关闭所有嵌套的手风琴,可以使用单独的类,然后使用以下代码

            jQuery('.parentAccordion, .childAccordion').accordion({
                collapsible: true,
                active: false,
                heightStyle: 'content'
                ,
                beforeActivate: function (e, ui) {
                    
                    if($(this).hasClass('parentAccordion')){
                        $('.childAccordion').accordion("option", "active", -1);
                    }
                }
               
            });

$faqAccordionBtn未定义
您可能希望向该小提琴添加引导资产,以便折叠方法正常工作。
$faqAccordionBtn未定义
您可能希望向该小提琴添加引导资产,以便折叠方法正常工作。
$('.yourAccordion').accordion("option", "active", -1);
            jQuery('.parentAccordion, .childAccordion').accordion({
                collapsible: true,
                active: false,
                heightStyle: 'content'
                ,
                beforeActivate: function (e, ui) {
                    
                    if($(this).hasClass('parentAccordion')){
                        $('.childAccordion').accordion("option", "active", -1);
                    }
                }
               
            });