如何让所有的accordion默认在浏览器中打开，在移动视图中关闭？

/* 在移动设备视图中关闭accordion */
@media screen and (max-width: 767px) {
  .accordion-content {
    display: none;
  }
}

<div class="accordion">
  <div class="accordion-header">Accordion标题1</div>
  <div class="accordion-content">Accordion内容1</div>
</div>
<div class="accordion">
  <div class="accordion-header">Accordion标题2</div>
  <div class="accordion-content">Accordion内容2</div>
</div>

/* 默认状态下打开accordion */
.accordion.open .accordion-content {
  display: block;
}

// 在页面加载时切换类名
window.addEventListener('load', function() {
  var accordions = document.querySelectorAll('.accordion');
  for (var i = 0; i < accordions.length; i++) {
    accordions[i].classList.add('open');
  }
});