JQuery单击功能不添加/删除类

Question

我想制作一个可点击的图像，这将允许我的侧边菜单显示/隐藏。这工作，如果我手动插入“菜单打开”的类，但我的点击功能不会触发这个类，我一直在寻找，但没有拿出一个答案，非常感谢。

这是我到目前为止。

我的CSS是：

.menu{ 
    overflow-x:hidden; 
    position: relative; 
    left:0px; 
} 
.menu-open{ 
    margin-left:201px; 
} 
.menu-open .menu-side{ 
    left:0px; 
} 
.menu-side{ 
    background-color: #333; 
    border-right: 1px solid #000; 
    color: #fff; 
    position: fixed; 
    top: 0px; 
    left: -201px; 
    width: 200px; 
    height: 100%; 
} 

Answer 1

$(document).ready(function(){ 
     var body = $('body'); 
     $('.menu-toggle').click(function(){ 
      $(body).toggleClass('menu-open'); 
     }); 
    }); 

此无线本地环路切换类menu-open上body

Answer 2

你缺少一个时期

$(body).toggleClass('menu-open');