Javascript-手风琴不会开始崩溃

Question

借助this article，我创建了一个javascript手风琴。

唯一的问题是，它不会开始崩溃，我似乎无法以这种方式得到它。

感谢您的帮助

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

.Where(cam => campaignStrings.Any(x => x.Contains(cam.Name)))

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

#akkordeon-content1 {
  height: 0;
}

  

文档：   https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

Answer 2

print(s.replace('.', '').isdigit())

将该代码添加到您的JavaScript中。一切之外

Answer 3

只需将您的容器默认隐藏即可。

.collapsible {
   height: 0;
}

并从代码中删除此行，以使其不会向后折叠：

//(line 42) element.style.height = null;