jquery - jQuery .click 事件

Question

我是 jQuery 的新手。我正在玩一个当用户单击箭头时会滑动的菜单。我用了：

$(document).ready(function(){
$('.userArrow').click(function(){
$('#dropdown-1').slideToggle(300);
});//end click
});//end ready


<div id="dropdown-1" class="dropdown-menu has-tip">
    <ul>
        <li><a href="#1">Item 1</a></li>
        <li><a href="#2">Item 2</a></li>
        <li><a href="#3">Item 3</a></li>
        <li class="divider"></li>
        <li><a href="#4">Item 4</a></li>
        <li><a href="#5">Item 5</a></li>
        <li><a href="#5">Item 6</a></li>
    </ul>

           </div>
        <a id="name_header">
<span class="pic">
  <?php echo $link?>
</span>
<?php echo ''.$user_data['first_name'];?>
<img class="userArrow"  width="7" height="5" alt="" src="images/arrow.png">
</a>

它仅在我单击两次时才有效。是否有任何其他事件只需单击一次？谢谢

Answer 1

查看代码示例，您没有关闭 dropdown-1 的打开 div。这可能是问题的根源。你的 jQuery 看起来不错。

Answer 2

正如弗雷泽所说，除了未封闭的div.

这可能是您想要的，只需一个按钮即可。

Answer 3

我更改了代码，现在只需单击一下即可：

$(document).ready(function(){
$('.userArrow').toggle(function(){
$('#dropdown-1').slideToggle(300);
 },function(){
 $('#dropdown-1').hide();
 }
 );//end toggle
 });//end ready

谢谢大家！