javascript - Accordion 菜单 : First menu item open on page load

标签 javascript jquery html css accordion

我正在为 Accordion 菜单寻求帮助。我希望第一个菜单项在页面加载时打开(对于我的菜单是“产品”)。我不确定如何使用我当前的代码实现这一目标。

由于我的 CSS 很长,我的全部代码和 Accordion 菜单的示例位于这个 fiddle 中:

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/

关于javascript - Accordion 菜单 : First menu item open on page load,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33439512/

相关文章:

javascript - 使用 AJAX 始终更新内容

javascript - 是否有与 ngTemplateOutlet 等效的 vue.js?

javascript - 使用 .closest 从 td 获取值并没有给出值

javascript - 在 HTML5 中创建或打开数据库表

javascript - Angular2 路由错误/缺少组件

javascript - 如何设置包含文本和元素节点组合的 contenteditable div 的插入符号位置

javascript - onFocus .css 和 onblur .css

javascript - 使用 JS/jQuery 将一个 div 中的内容动态附加/添加到另一个 div

html - 文本区域高度 : 100%

javascript - 将幻灯片指示器更改为其他形状