展开包含活动链接的accordion作为默认值

时间:2016-05-19 14:11:21

标签: javascript jquery accordion

好的,所以我看到很多手风琴的例子 - 有些非常复杂,有些非常简单。

我刚刚在JQuery中寻找一个快速简单的手风琴菜单,我发现它几乎是完美的。

我的手风琴包含3个标题(产品类别),每个标题包含许多链接。

<div class="sideNav">
    <!--Accordion Menu 1-->
    <h3 class="js_accordion-button">First Category</h3>
    <ul class="js_accordion-content">
        <li><a href="/product1">Stickers</a></li>
        <li><a href="/product2">Oranges</a></li>
        <li><a href="/product3">Bananas</a></li>
    </ul>
    <!--Accordion Menu 2-->
    <h3 class="js_accordion-button">Second Category</h3>
    <ul class="js_accordion-content">
        <li><a href="/product10">Other</a></li>
        <li><a href="/product11">Lemon</a></li>
        <li><a href="/product12">Cheese</a></li>
    </ul>
</div>

这是我的JQuery

<script>
    jQuery(function() {
        jQuery('.js_accordion-button').on('click',function() {
            jQuery('.js_accordion-content').slideUp('fast');
            jQuery(this).next('.js_accordion-content').slideDown('fast');
        });
    });
</script>

如果您当前导航到贴纸页面,手风琴菜单将全部关闭在左侧。

我想要发生的是打开包含默认活动页面链接的手风琴菜单。

0 个答案:

没有答案