开放性默认第一个选项卡手风琴答案

【问题标题】：Openness default the first tab accordion开放性默认第一个选项卡手风琴
【发布时间】：2016-12-23 20:12:41
【问题描述】：

我有一架手风琴，效果非常好，它在网站上看起来不错，并且可以正常工作。不过，我正在尝试为其添加更多 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");
  }
}

【问题讨论】：

标签： javascript html accordion jquery-ui-accordion

【解决方案1】：

我认为Jquery UI's accordion 默认打开第一个选项卡，并且永远不允许您一次关闭所有选项卡。

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

Active: false 需要设置collapsible: true，它允许通过单击关闭选项卡，因此您也可以在其中看到它。

【讨论】：