Accordion菜单:页面加载时打开的第一个菜单项

Accordion Menu: First menu item open on page load

本文关键字:第一个 菜单项 加载 菜单 Accordion      更新时间:2023-09-26

我正在寻求有关手风琴菜单的帮助。我希望第一个菜单项在页面加载时打开(对于我的菜单,它将是"产品")。我不确定如何用我当前的代码实现这一点。

由于我的CSS有多长,我的整个代码和手风琴菜单的一个例子都位于这个小提琴上:

JSFiddle

与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();

https://jsfiddle.net/6gbrLks7/2/