javascript - Jquery 切换和关闭单击

Question

对于 jquery，我是个新手，所以我想知道是否有人可以帮助我。

我做了一个切换功能。当您单击 user_button 时，user_info 显示，当您单击时，user_info 消失。但现在我想让当您再次单击 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 等网站上发布一个可测试的示例？这允许其他人“玩”实际代码。

尝试查看诸如显示、隐藏、切换toggleClass等方法。