手风琴菜单:页面加载时打开的第一个菜单项
Accordion Menu: First menu item open on page load
我正在为手风琴菜单寻求帮助。我希望第一个菜单项在页面加载时打开(对于我的菜单 "Products")。我不确定如何使用我当前的代码实现它。
由于我的 CSS 有多长,我的全部代码和手风琴菜单的示例位于此 fiddle:
与 FIDDLE 相同的代码:
<div id="cssmenu">
<ul>
<li><a href="#"><span>PRODUCTS</span></a>
<ul>
<li><a href="#">Heated Sample Line</a></li>
<li><a href="#">Smoke Meter Line</a></li>
<li><a href="#">Dual Rinse Cleaning Cart</a></li>
<li><a href="#">Heated Filter Housing</a></li>
<li><a href="#">Insulated Blanket</a></li>
<li><a href="#">Heated Industrial Blanket</a></li>
</ul>
</li>
<li><a href="#"><span>COMPANY</span></a>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Location</a></li>
</ul>
</li>
<li><a href="#"><span>CONTACT</span></a></li>
</ul>
也许您可以通过编程方式触发点击:
$('#cssmenu > ul > li > a')[0].click();
我正在为手风琴菜单寻求帮助。我希望第一个菜单项在页面加载时打开(对于我的菜单 "Products")。我不确定如何使用我当前的代码实现它。
由于我的 CSS 有多长,我的全部代码和手风琴菜单的示例位于此 fiddle:
与 FIDDLE 相同的代码:
<div id="cssmenu">
<ul>
<li><a href="#"><span>PRODUCTS</span></a>
<ul>
<li><a href="#">Heated Sample Line</a></li>
<li><a href="#">Smoke Meter Line</a></li>
<li><a href="#">Dual Rinse Cleaning Cart</a></li>
<li><a href="#">Heated Filter Housing</a></li>
<li><a href="#">Insulated Blanket</a></li>
<li><a href="#">Heated Industrial Blanket</a></li>
</ul>
</li>
<li><a href="#"><span>COMPANY</span></a>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Location</a></li>
</ul>
</li>
<li><a href="#"><span>CONTACT</span></a></li>
</ul>
也许您可以通过编程方式触发点击:
$('#cssmenu > ul > li > a')[0].click();