在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% });

但是当菜单弹出时，将菜单按钮放在菜单容器内，不要覆盖它。否则你将无法关闭菜单。