Javascript 带jQuery的嵌套手风琴菜单问题

当我点击

下拉列表1

时，我试图显示链接

测试1

和

测试2

。现在它们消失得非常快。我怎样才能解决这个问题

小提琴：

以下是我的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');

    });
  });

$（文档）.ready（函数（$）{
$（'.inline'）。查找（'.navtoggle'）。单击（函数（）{
//展开或折叠此面板
$（this.next（）.slideToggle（'fast'）；
//隐藏其他面板
$（“.sub-menu”）.not（$（this.next（））.slideUp（'fast'）；
});
});

您想让它们可见吗？没错。单击

下拉列表1

时，我想让它们完全可见，而不是消失。我想你只需要更具体一点。尝试类似于

$（this）.next（'.submenu'）。not（…）…

的操作，以针对特定的子菜单，而不是一般的所有子菜单。非常抱歉。我将更具体地回答我的下一个问题：-）我只想在单击“Dropdown 1”时打开所有嵌套的子菜单。这可能吗？这个肮脏的黑客解决了我的一点问题，但它并不完美：