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

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

===============>>#1 票数:3 已采纳

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

我添加了这段代码

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

===============>>#2 票数:1

这是DEMO ,您正在尝试做什么?

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

===============>>#3 票数:0

使用preventDefault:

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

  ask by Carlos Perez translate from so

未解决问题?本站智能推荐: