需要重新加載我的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'); 
});