Javascript - Accordion 不会开始折叠

Question

在this article的帮助下我创建了一个 javascript Accordion 。

唯一的问题是，它不会开始折叠，而且我似乎无法做到这一点。

谢谢你的帮助

CODEPEN

<div id="toggle-button1" class="section akkordeon">
<div class="akkordeon-title">LOREM IPSUM TITLE</div>
<div id="akkordeon-content1" class="section collapsible">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
</div>

Answer 1

添加一些css设置初始值为0

#akkordeon-content1 {
  height: 0;
}

还有一个名为 details 的 HTML 元素可以为您执行此功能。

<details>
    <summary>Details</summary>
    Something small enough to escape casual notice.
</details>

Documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details