Question

你可以帮帮我吗？

如何在页面加载时自动打开第一支手风琴？它是否与javascript或css无关。

Codepen：codepen.io/fainder/pen/AydHJ

我真的不知道该怎么做。我希望你明白我的观点是什么。

非常感谢。

Answer 1

好的，这很简单，你只需要添加＆＃34;打开＆＃34;将类添加到第一个<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上first匹配时触发{{3}} 。这应该是你的主要功能结束时的技巧：

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

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

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

2 个答案: