Question

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

<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

this你想要什么？希望它有所帮助。

我添加了此代码

 $("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");
  });
});

单击链接jquery时切换不关闭

3 个答案: