单击子li时触发slideToggle

Question

我正在尝试使用响应式导航，一旦您点击其中一个li链接，显示的菜单（已使用slideToggle显示）就会向上滑动并退出内容的方式。

$( ".mini-nav" ).click(function(e) {
  e.preventDefault();
   $( ".nav" ).slideToggle( "slow" );
 });

这是一个链接到一个小提琴，演示了我到目前为止所拥有的： http://jsfiddle.net/bfLN2/1/

我不知道如何获取它所以它通过单独的li锚点查看然后触发它向后滑动。

Answer 1

变化：

$( ".mini-nav" )

为：

$(".mini-nav, .nav li")

<强> jsFiddle example

Answer 2

但是我建议你使用事件而不是点击。

$( ".nav ul li, .mini-nav" ).on("click",function(e) {
      e.preventDefault();
      $( ".nav" ).slideToggle( "slow" );
});

检查我的演示http://jsfiddle.net/bfLN2/5/