Javascript 单击子li时触发滑动切换

我正在尝试一种响应性导航，一旦你点击

li

链接之一，显示的菜单（显示时带有

幻灯片切换

）就会向上滑动，并避开内容

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

这里有一个链接到一把小提琴，它演示了我到目前为止所拥有的东西：

我不知道如何获取它，因此它会查看单独的

li

锚定，然后触发它向上滑动。

更改：

$( ".mini-nav" )

致：

---

但是，我建议您使用上的事件，而不是单击

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

---

检查我的演示

小提琴中的链接是空的：（好吧，讨厌的人会讨厌的。我更新了链接。我希望它能起作用……geeze。一定值得投否决票。因为你不应该只发布JSFIDLE。事实上，你会在一个大红色框中得到警告，如果不在答案中添加代码，就不要这样做。

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