javascript - 切换滑出菜单

Question

所以我正在我的网站上制作一个滑出菜单。单击时它会滑出，但如何设置它以便在再次单击时它会滑回？

现在非常简单的源代码:

$(document).ready(function() {
   $("#menuicon").click(function() {
      $("nav ul, .content").animate({left: "-15%"}, 1000);
   });
});

提前致谢!

Answer 1

检查这个简单的滑出菜单。

演示 http://jsfiddle.net/yeyene/TLtqe/1/

$('a').on('click',function() {
    if($('#website').css('left')=='0px'){
        $('#website').animate({left: '-30%'}, 1000);        
    }else{
        $('#website').animate({left:0}, 1000); 
    }
});