Jquery Toggle & Offclick答案

【问题标题】：Jquery Toggle & OffclickJquery Toggle & Offclick
【发布时间】：2014-03-14 11:47:16
【问题描述】：

我是 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();
});
});

【问题讨论】：

请同时提供您的 HTML..
你的代码是正确的，你的问题是什么？
提供你的 jsfiddle
对不起！ jsfiddle.net/3Nxz2/2

标签： javascript jquery function toggle

【解决方案1】：

您能否在 jsfiddle.net 上发布一个可测试的示例？这允许其他人“玩”实际代码。

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

【讨论】：

【解决方案2】：

获取您的代码 => 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();
    });
});

【讨论】：