单击以查看下拉菜单

Question

<script>
$(document).ready(function() {
$("#services").click( function() {
    $(".subMenus").fadeToggle("slow")
});
});
</script>

这是我的代码。我可以使用此代码隐藏并显示下拉列表（subMenus）。我想在我的第一次点击中显示下拉列表，但是当我第二次点击服务时，我想转到一个链接。我该怎么办？

Answer 1

有一个完美的方式

$("#services").one('click', function() {
    $(".subMenus").fadeToggle("slow")
});

Answer 2

您可以检查元素的可见性。当它不可见时显示它，当它移动到您的链接时：

$("#services").click( function() {
    if($(".subMenus").is(":visible")) 
        window.location = "yourLinkHere";
    else 
       $(".subMenus").fadeToggle("slow");
});