好的,所以我看到很多手风琴的例子 - 有些非常复杂,有些非常简单。
我刚刚在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>
如果您当前导航到贴纸页面,手风琴菜单将全部关闭在左侧。
我想要发生的是打开包含默认活动页面链接的手风琴菜单。