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

时间:2018-04-07 04:20:28

标签: javascript css accordion

你可以帮帮我吗?

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

Codepen:codepen.io/fainder/pen/AydHJ

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

非常感谢。

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

鉴于您的代码,简单约束以及您使用jQuery的事实,最简单的解决方案是在文档加载.linkfirst匹配时触发{{3}} 。这应该是你的主要功能结束时的技巧:

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

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