Javascript JQuery:Open/Close菜单,打开但不';关不上

Javascript JQuery:Open/Close菜单,打开但不';关不上,javascript,jquery,html,css,menu,Javascript,Jquery,Html,Css,Menu,我试着做一个隐藏在左边的菜单,当我们点击按钮时,它会打开或关闭。我有以下代码,但菜单刚刚打开,关闭代码不起作用,有人知道我做错了什么 var菜单=函数(){ /*打开菜单*/ $('.js_open_seta')。单击(函数(){ $('.js_菜单')。设置动画({ 左:“0px” }, 200); $(.js_open_seta”).addClass(“js_close_seta”); $(.js_open_seta”).removeClass(“js_open_seta”); }); /

我试着做一个隐藏在左边的菜单,当我们点击按钮时,它会打开或关闭。我有以下代码,但菜单刚刚打开,关闭代码不起作用,有人知道我做错了什么

var菜单=函数(){
/*打开菜单*/
$('.js_open_seta')。单击(函数(){
$('.js_菜单')。设置动画({
左:“0px”
}, 200);
$(.js_open_seta”).addClass(“js_close_seta”);
$(.js_open_seta”).removeClass(“js_open_seta”);
});
/*关闭菜单*/
$('.js_close_seta')。单击(函数(){
$('.js_菜单')。设置动画({
左:“-240px”
}, 200);
$(.js_close_seta”).addClass(“js_open_seta”);
$(.js_close_seta”).removeClass(“js_close_seta”);
});
};
$(文档).ready(菜单)
正文{
背景:url(“imagens/exp.jpg”);
背景重复:无重复;
背景尺寸:1280px 800px;
填充:0;
保证金:0;
边界:0;
}
.js_菜单{
背景:#4d;
顶部:0px;
左:-240px;
位置:固定;
宽度:310px;
身高:100%;
文本对齐:居中;
字体系列:“Lato”,无衬线;
颜色:#ffffff;
z指数:50;
填充:0;
保证金:0;
边界:0;
}
#js#U exp,#js#U open{
浮动:左;
背景:#4d;
身高:100%;
}
#js_经验{
宽度:240px;
}
#js_公开赛{
左边框:#ff0000;
宽度:70px;
文本对齐:居中;
垂直对齐:中间对齐;
}
#木贼{
边缘顶部:325px;
宽度:70px;
高度:70像素;
}

这很有效


这很有效

是的,这是解决方案:)…我的只是一个想法。正如我所说,我不是一个专家。我只是一个初学者,所以我感谢所有我得到的帮助是的,这当然是解决方案:)…我的只是一个想法。正如我所说,我不是专家。我只是一个初学者,所以我感谢所有帮助我
    var menu = function() {


    $('#js_seta').click(function() {

    var check = $("#js_seta").hasClass("js_open_seta");        

        if(check) {
            $('.js_menu').animate({
                left: "0px"
            }, 200);

            $(".js_open_seta").addClass("js_close_seta");
            $(".js_open_seta").removeClass("js_open_seta");

        } else {
            $('.js_menu').animate({
                left: "-240px"
            }, 200);

            $(".js_close_seta").addClass("js_open_seta");
            $(".js_close_seta").removeClass("js_close_seta");

        }

    });

};


$(document).ready(menu);