使用点击添加删除CLASS的方法transition，在删除CLASS后没有动画效果？

Question

当前是，点击按钮menu从左侧滑出菜单nav，BODY整体向右移动。

样式

body {
    position: relative;
    left: 0px;
    transition: left .2s;
}
body.is-active {
    left: 270px;
    transition: left .2s;
}
body.is-off {
    left: 0px;
    transition: left .2s;
}
nav {
    position: fixed;
    top: 0px;
    left: -270px;
    transition: left .2s;
}
nav.is-active {
    left: 0px;
    transition: left .2s;
}
nav.is-off {
    left: 0px;
    transition: left .2s;
}

点击按钮后我分别给body和nav添加class is-active，当前只有body有过渡动画，点击从左侧向右滑动，再点击，从右侧向左滑动。但nav就没有任何效果，没有滑动，那效果就是$('nav').toggle();并没有移动效果。

请问该如何解决呢？谢谢！~

Answer 1

试试：

    $('nav').toggleClass('is-active');

Answer 2

toggle(): 描述: 绑定两个或多个处理程序绑定到匹配的元素，用来执行在交替的点击。