Accordion Panel默认打开 - 如何更改它

Question

我找到了这个小提琴https://codepen.io/LewisBriffa/pen/qjwqLb，这很棒！我的问题是，我无法在页面加载时默认关闭第二个面板。

我试着添加这个：

       <script>
       $( function() {
       $( ".accordion" ).accordion( { active: false, collapsible: true } 
       );
       } );
       </script>

但它仍然不起作用

有什么建议吗？

Answer 1

了解Panel 2开放的原因非常重要。

＆＃34; .active＆＃34;＆＃34; .active＆＃34; class（就像你已经尝试过在你的例子中一样）

所以最简单的选择就是离开班级＆＃34;活跃＆＃34;超出面板2的默认类列表。

所以你转过来：

 <div class="accordion__item js-accordion-item active">

到

 <div class="accordion__item js-accordion-item">

希望这会有所帮助。