单击链接jQuery时切换未关闭

Question

我正在做一个一页的网站。 这段代码将打开一个包含链接列表的菜单。 我想做的是，当用户单击“下拉菜单”中的链接之一时，将关闭下拉菜单并将用户带到该链接。

<a href="#"><img src="images/menu.png" width="22" height="23" alt="Logo" style="margin: 0px 15px 0px 0px;" id="menudiv"></a>
<div id="dropMenu">
  <ul>
    <li><a href="#index2">Contact Us</a></li> 
  </ul> 
</div>

$(document).ready(function() {
  $("a").click(function(){
    $(this).toggleClass("active");
    $(this).next("div").stop('true','true').slideToggle("slow");
  });
});

Answer 1

这就是你想要的吗？ 希望能帮助到你。

我添加了这段代码

 $("li").click(function() {
        $("#dropMenu").hide("slow");
 });

Answer 2

这是DEMO ，您正在尝试做什么？

在下拉菜单中添加了id ，因此不会与其他<a>标记混淆。

Answer 3

使用preventDefault：

$(document).ready(function() {
  $("a").click(function(event){
 event.preventDefault();    
$(this).toggleClass("active");
    $(this).next("div").stop('true','true').slideToggle("slow");
  });
});