需要重新加载我的Jquery脚本的页面才能再次运行

Question

我有两个按钮：menu_icon和exit_icon。当我点击menu_icon时，菜单显示（我只是用CSS3做动画）。当我点击exit_icon时它会消失，但它只会工作一次。如果我想重新打开菜单，我必须重新加载页面。

这是我的JS代码：

$(function(){

    $('#menu_icon').click(function() {
        $('nav').addClass('in');
    });

    $('#exit_icon').click(function() {
        $('nav').addClass('out');
    });

});

Answer 1

您需要删除以前的类：

$('#menu_icon').click(function() {
    $('nav').removeClass('out').addClass('in');
});
$('#exit_icon').click(function() {
   $('nav').removeClass('in').addClass('out');
});