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

但将菜单按钮放在菜单容器内，以免菜单弹出时覆盖它。否则您将无法再关闭菜单。