Javascript 需要重新加载页面，我的Jquery脚本才能再次工作

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

以下是我的JS代码：

$(function(){

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

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

});

---

您需要删除以前的类：

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