第一个通过 JavaScript 或 CSS 默认打开的手风琴

window.onload = function() {
  // Get only the all accordions.
  let allAccordions = document.querySelectorAll(".accordion__item input:checked ~ .accordion__item--title::after");

  allAccordions.forEach(element => {
    //Open first accordion.
    }
  });
};

let allAccordions = document.querySelectorAll(".accordion__item");
allAccordions[0].click();

for (var i = 0; i < allAccordions.length; i++) {
    if (i == 0) {
          allAccordions[i].click();
          break; // only the first, can stop looping.
    }
}

Javascript相关问答推荐

功能和普通对象之间的原型污染

如何在NightWatch.js测试中允许浏览器权限？

React Native平面列表自动滚动

将json数组项转换为js中的扁平

如何在RTK上设置轮询，每24小时

在react js中使用react—router—dom中的Link组件，分配的右侧不能被 destruct ''

如何通过使用vanilla JS限制字体大小增加或减少两次来改变字体大小

Websocket错误—有一个或多个保留位开启：reserved1 = 1，reserved2 = 0，reserved3 = 0

编辑文本无响应.onClick(扩展脚本)

这个值总是返回未定义的-Reaction

如何将多维数组插入到另一个多维数组中？

当使用'；字母而不是与'；var#39；一起使用时，访问窗口为什么返回未定义的？

如何创建返回不带`new`关键字的实例的类

如何使用JS创建一个明暗功能按钮？

图表4-堆叠线和条形图之间的填充区域

在Java脚本中录制视频后看不到曲目

Reaction即使在重新呈现后也会在方法内部保留局部值

react 路由如何使用从加载器返回的数据

为什么NULL不能在构造函数的.Prototype中工作

为什么我不能使用其同级元素调用和更新子元素？