切换按钮循环，但鼠标不

Question

我一直试图让这个切换按钮下拉菜单工作。我希望它在单击时下降并淡入，并在再次单击时隐藏。当我在区域外单击时它起作用，框隐藏，当我第一次单击按钮时它起作用再次。

  $(document).ready(function() {

        $(".signin").click(function(e) {          
            e.preventDefault();
            $("div#dropdown_container").animate({opacity: "show", top: "45"}, "slow");
            $(".signin").toggleClass("menu-open");

        });

        $("div#dropdown_container").mouseup(function() {
            return false
        });
            $(document).mouseup(function(e) {
            if($(e.target).parent(".signin").length==0) {
                $(".signin").removeClass("menu-open");
                $("div#dropdown_container").animate({opacity: "hide", top: "75"}, "fast");
            }
        });         
            $(document).mouseup(function(e) {
            if($(e.target).parent(".signin menu-open").length==0) {
                $("menu-open").removeClass(".signin");
                $("div#dropdown_container").animate({opacity: "hide", top: "75"}, "fast");
            }
        }); 
    });

我只是 jquery 的初学者，所以任何帮助将不胜感激，如果它有助于此代码是从 http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/ 修改的

干杯。

Answer 1

您可以在显示之前检查“div#dropdown_container”是可见还是隐藏。

    $(".signin").click(function(e) {          
        e.preventDefault();

        if ($("#dropdown_container").is(":hidden")){
            $("#dropdown_container").animate({opacity: "show", top: "45"}, "slow");
        }

        $(".signin").toggleClass("menu-open");

    });