Jquery Toggle＆amp; Offclick

Question

当涉及到jquery时，我是一个新手，所以我想知道是否有人可以帮助我。

我做了一个切换功能。单击user_button时user_info显示，当您单击user_info disapears时。但是现在我想让user_info在你再次点击user_info时也会消失（所以当它打开时它会关闭）。

这是我的jquery。提前谢谢！

$(document).ready(function(){
$("#user_button").click(function(){
    $("#user_button").addClass("active")
    $("#user_box").toggle();
});
$("#user_box").mouseup(function(){
    return false;
});
$(this).mouseup(function() {
    $("#user_button").removeClass("active");
    $("#user_box").hide();
});
});

Answer 1

你能发布一个可测试的例子，例如jsfiddle.net吗？这允许其他人玩＃34;用实际代码。

尝试查看方法，例如show，hide，toggle toggleClass等。

Answer 2

拿你的代码=＆gt; http://jsfiddle.net/3Nxz2/3/

$(document).ready(function(){
    $("#user_button").click(function(){
        //alert("click");
        $("#user_button").addClass("active")
        $("#user_box").toggle();
    });
    $("#user_box").mouseup(function(){
        //return false;
    });
    $(this).mouseup(function() {
        $("#user_button").removeClass("active");
        //$("#user_box").hide();
    });
});