切换单击链接jquery时不关闭

toggle not closing when click a link jquery

本文关键字：jquery 单击 链接      更新时间：2023-09-26

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

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

这就是您想要的吗？希望能有所帮助。

我添加了这个代码

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

这是你想要做的演示吗？

将id添加到下拉菜单中，这样它就不会与其他<a>标签混淆。

使用预防默认值：

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