Question

我的手风琴效果非常好，它在网站上看起来很棒并且可以正常工作。但是，我正在尝试为其添加更多JavaScript功能，以使其看起来更专业。

我想使用JavaScript打开第一个手风琴标签。提前谢谢。

HTML代码

<div class="accordion"><b>Heading 1</b></div>
<div class="panel">
    <p class="text-light">Text 1</p>
</div>
<div class="accordion"><b>Heading 2</b></div>
<div class="panel">
    <p class="text-light">Text 2</p>
</div>

JS代码

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    var active = document.querySelector(".accordion.active");
    if (active && active != this) {
      active.classList.remove("active");
      active.nextElementSibling.classList.remove("show");
    }
    this.classList.toggle("active");
    this.nextElementSibling.classList.toggle("show");
  }
}

Answer 1

我认为Jquery UI's accordion默认情况下会打开第一个标签页，但绝不允许您同时关闭所有标签页。

检查您的.js文件，看看它是否被active: false覆盖。如果为active：false，则删除它或将其更改为active：0; （0是第一个标签（基于零的索引））

有效：false将需要设置collapsible: true，这允许通过点击关闭标签，这样您也可以在那里看到。

Openness默认第一个tab tabion

1 个答案: