在页面加载时打开第一个手风琴

Question

你能帮我吗？

如何在页面加载时自动打开第一个手风琴？无论是使用javascript还是css都没有关系。

代码笔：codepen.io/fainder/pen/AydHJ

我真的不知道该怎么做。我希望你明白我在这里的意思。

多谢。

Answer 1

好的，这很简单，你只需要将"open"类添加到第一个<li>标签，然后将style="display:block;添加到子菜单中：

<li class="open">
<div class="link"><i class="fa fa-database"></i>Web Design<i class="fa fa-chevron-down"></i></div>
<ul class="submenu" style="display: block;">
<li><a href="#">Photoshop</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
</ul>
</li>

检查这个 ： https://codepen.io/anon/pen/GxwraM

Answer 2

给定您的代码、简单约束以及您正在使用 jQuery 的事实，最简单的解决方案是在文档加载时触发对第一个匹配项的单击以进行.link。这应该在主函数结束时解决问题：

$(".link:first").click();

它又快又脏，应该能完成工作。如果您在其他任何地方使用.link类，则可能需要使用更具体的选择器进行调整。