用Javascript打开手风琴

我把这个手风琴粘在网上

如何配置开始时打开的手风琴

Javascript:

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

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  }
}
</script>

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

您需要将class

.active

添加到

.accordion

和

style=“display:block”

添加到要保持打开状态的子元素

p

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

button.accordion{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.4s；
}
按钮。手风琴。激活，按钮。手风琴：悬停{
背景色：#ddd；
}
分区小组{
填充：0 18px；
显示：无；
背景色：白色；
}

手风琴 第一节 知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第二节 知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第三节 知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

---

如果我理解这个问题，请尝试选择第一个（或其他）元素，并在加载文档时将其显示设置为“block”：

acc[0].nextElementSibling.style.display = "block"

加上

acc[0]。单击（）

在脚本的末尾

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

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  }
}
acc[0].click();
</script>

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

您可以使用JavaScript在第一个元素上设置属性

el.nextElementSibling.style.display='block'

：

document.querySelectorAll（'.accordion'）.forEach（函数（el，索引）{
//将事件侦听器添加到所有元素
el.addEventListener（'click'，函数（）{
el.classList.toggle（'active'）；
el.nextElementSibling.style.display=el.nextElementSibling.style.display==='block'
“没有”
：“块”；
});
//第一元素打开
0==index&（el.nextElementSibling.style.display='block'）；
});
button.accordion{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.4s；
}
按钮。手风琴。激活，按钮。手风琴：悬停{
背景色：#ddd；
}
分区小组{
填充：0 18px；
显示：无；
背景色：白色；
}
手风琴
第一节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第二节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第三节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

在“for”之后，您可以对第一个手风琴运行单击事件：

acc[0]。单击（）默认代码如下：