Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquerytoggle&;点击_Javascript_Jquery_Function_Toggle - Fatal编程技术网

Javascript jquerytoggle&;点击

Javascript jquerytoggle&;点击,javascript,jquery,function,toggle,Javascript,Jquery,Function,Toggle,说到jquery,我是个新手,所以我想知道是否有人能帮我 我做了一个切换函数。单击“用户”按钮时,将显示“用户信息”;单击“关闭”时,将显示“用户信息”。但是现在我想让用户信息在你再次点击用户信息时消失(所以当它打开时它就会关闭) 这是我的jquery。提前谢谢 $(document).ready(function(){ $("#user_button").click(function(){ $("#user_button").addClass("active") $("#use

说到jquery,我是个新手,所以我想知道是否有人能帮我

我做了一个切换函数。单击“用户”按钮时,将显示“用户信息”;单击“关闭”时,将显示“用户信息”。但是现在我想让用户信息在你再次点击用户信息时消失(所以当它打开时它就会关闭)

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

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

尝试查看一些方法,如显示、隐藏、切换类等。

使用您的代码=>


请提供你的HTML。你的代码是正确的,你有什么问题吗?提供你的JSFIDDLE对不起!
$(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();
    });
});