Javascript 在单击链接jquery时切换不关闭

Javascript 在单击链接jquery时切换不关闭,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在做一个一页的网站。这段代码打开一个包含链接列表的菜单。 我想做的是,当用户点击“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">

我正在做一个一页的网站。这段代码打开一个包含链接列表的菜单。 我想做的是,当用户点击“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");
  });
});

$(文档).ready(函数(){ $(“a”)。单击(函数(){ $(此).toggleClass(“活动”); $(this).next(“div”).stop('true','true').slideToggle(“slow”); }); });
是您想要的吗?希望能有帮助

我添加了这个代码

 $("li").click(function() {
        $("#dropMenu").hide("slow");
 });
这就是你想做的吗

id
添加到下拉菜单中,这样它就不会与其他
标记混淆。

使用默认值:

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

现在发生了什么,问题出在哪里?我试图做的是当我点击“div”中的一个链接时关闭切换,因为当我点击浏览器上的菜单时,菜单仍然是打开的。你能做一个JSFIDLE吗?你好,链接在ul li中,它将在另一页或同一页上。是这样的,但我的问题是,当我点击“dropmenu”id中的一个链接时,如何才能关闭菜单