Javascript 打开默认的第一个选项卡手风琴

Javascript 打开默认的第一个选项卡手风琴,javascript,html,accordion,jquery-ui-accordion,Javascript,Html,Accordion,Jquery Ui Accordion,我有一个手风琴,它的工作非常好,它在网站上看起来很好,工作,因为它应该。然而,我正在尝试向它添加更多的JavaScript功能,使它看起来更专业 我想使用JavaScript打开第一个手风琴选项卡。提前谢谢 HTML代码 <div class="accordion"><b>Heading 1</b></div> <div class="panel"> <p class="text-light">Text 1</

我有一个手风琴,它的工作非常好,它在网站上看起来很好,工作,因为它应该。然而,我正在尝试向它添加更多的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>
标题1
文本1

标题2 文本2

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");
  }
}
var acc=document.getElementsByClassName(“accordion”);
var i;
对于(i=0;i
我认为默认情况下第一个选项卡是打开的,不允许一次关闭所有选项卡

检查你的.js文件,看看它是否被覆盖。如果活动:false,则将其删除或更改为活动:0;(0是第一个选项卡(基于零的索引))

Active:false需要设置,允许通过单击关闭选项卡,以便您也可以在其中看到它