JavaScript幻灯片菜单切换

Question

我正在尝试创建一个切换，因为由于某种原因，切换功能无效。

这可以按预期工作。它基本上是动画一个css调用然后交换类为下一个函数调用。

$(document).ready(function() {
$(".m-menu").click( function(){
if ($('.mobile-menu').hasClass("menu") ) {

        $(".mobile-menu").animate({left: '0'}, 500);
    $(".mobile-menu-bg").animate({left: '0'}, 500);
        $(".menu-close").css('display','inline');
        $(".menu-open").css('display','none');
        $( '.m-menu' ).removeClass( "m-menu" ).addClass("m-menu2");



 }



   });       
});

下一个函数看起来像这样，假设在类存在的情况下执行，然后切换回原始类。我在这里做错了什么？

$(document).ready(function() {
$(".m-menu2").click( function(event){
    event.preventDefault();

if ($('.mobile-menu').hasClass("menu") ) {

          $(".mobile-menu").animate({left: '-200'}, 500);
          $(".mobile-menu-bg").animate({left: '-2000'}, 500);
          $(".menu-close").css('display','none');
          $(".menu-open").css('display','inline');
          $('.m-menu2').removeClass( "m-menu2" ).addClass("m-menu");
}

  });       
});