在jQuery中我应该用什么功能来移动菜单从左到右和从右到左

Question

这里是link到我的网站。点击左侧栏中的菜单。

在jQuery中，当我单击菜单图像图标时，我应该使用什么函数将菜单从左到右和从右向左移动。见参考端http://www.wholefoodsmarket.com/。

这里是我的js代码：

<script> 
    $(document).ready(function(e) { 
     $('#menu_btn').click(function(e) { 
      $('#sidemenu').slideToggle(1000); 
     }); 
    }); 
    </script>` 

Answer 1

您可以使用此：

// to show menu 
$('#sidemenu').animate({ left: 0% }); 

// to hide it 
$('#sidemenu').animate({ left: -100% }); 

不得不把菜单容器内的菜单按钮时，菜单弹出不覆盖它。否则，您将无法再关闭菜单。