jQuery的嵌套手风琴菜单问题
Nested Accordion Menu issue with jQuery
当我单击Dropdown 1
时,我正在尝试显示链接Test 1
和Test 2
。目前,它们消失得非常快。我该如何解决这个问题?
小提琴:http://jsfiddle.net/4dm318nn/
这是我的Javascript:
$(document).ready(function($) {
$('.inline').find('.navtoggle').click(function(){
//Expand or collapse this panel
$(this).next().slideToggle('fast');
//Hide the other panels
$(".sub-menu").not($(this).next()).slideUp('fast');
});
});
这个肮脏的黑客稍微解决了我的问题,但它并不完美:jsfiddle.net/4dm318nn/1
<nav class="medium-8 columns primary menu">
<ul class="inline naked">
<li class="primary-item"><a href="http://localhost:8888/test/wordpress">Home</a></li>
<li id="menu-item-74" class="primary-item menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-74"><a href="#" class="navtoggle">Dropdown 1</a>
<ul class="sub-menu">
<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-76"><a href="http://localhost:8888/test/wordpress/?page_id=45">Dropdown 2</a>
<ul class="sub-menu">
<li id="menu-item-77" class="sub-sub-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="http://localhost:8888/test/wordpress/?page_id=47">Test 1</a></li>
<li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78"><a href="http://localhost:8888/test/wordpress/?page_id=49">Test 2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
$(document).ready(function($) {
$('.inline').find('.navtoggle').click(function(){
//Expand or collapse this panel
$(this).next().slideToggle('fast');
//Hide the other panels
$(".sub-menu").not($(this).next()).slideUp('fast');
});
});
相关文章:
- 自定义Jquery css下拉菜单问题
- 背景定位下拉菜单问题
- jQuery切换列表菜单问题
- 响应菜单问题-如何在移动环境中处理HREF和onclick事件
- jQuery的嵌套手风琴菜单问题
- Ionic侧菜单问题
- 下拉子菜单问题
- CSS + Jquery Slide在调整大小时切换菜单问题
- 将值添加到 2 下拉菜单 - 问题
- Div 下拉菜单问题
- JavaScript / JQuery Combo类似下拉菜单问题
- 下拉菜单问题
- JavaScript 下拉菜单问题
- 切换菜单问题
- 移动和chrome上的引导程序下拉菜单问题
- Javascript粘性菜单问题
- jquery显示和隐藏菜单问题
- 显示/隐藏子菜单问题
- 下拉菜单问题,DIV和/或CSS问题
- Jquery + css下拉菜单问题