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

时间:2015-10-30 15:27:17

标签: javascript jquery html css accordion

我正在寻找手风琴菜单的一些帮助。我希望第一个菜单项在页面加载时打开(对于我的菜单,它将是“Products”)。我不知道如何使用我当前的代码实现这一目标。

由于我的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>

1 个答案:

答案 0 :(得分:1)

也许您可以通过编程方式触发点击:

$('#cssmenu > ul > li > a')[0].click();

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