无法正确显示滑出菜单

Question

以下是正在进行中的站点的链接-- http://barret.co/resources/testsite12345/

几乎没有在网站上，因为我正在工作的骨架，所以检查元素应该非常容易找出什么是错误的。

我正在从头到尾做一个滑出菜单，但是对jQuery来说还是很新的。基本上，我现在拥有的是工作，但并不完全是我所希望的那样。如您所见，当您单击左上角的菜单按钮时，它会将面板向左和向右滑动。我希望这个面板最初在查看页面时被隐藏，然后在单击菜单时滑出。

此外，如果用户单击主页，是否有一种关闭此面板的简单方法？现在关闭菜单的唯一方法是再次单击菜单按钮。

任何帮助都是非常感谢的。

提前感谢！

Answer 1

我想你只是把课程搞混了。

将此添加到您的#left-menu css中：

right: 300px;

然后用这个：

jQuery(document).ready(function($) {
  $('#menu-container #right-menu').click(function(){
    var hidden = $('#left-menu');
    if (! hidden.hasClass('visible')){
        hidden.animate({"right":"0px"}, "slow").addClass('visible');
    } else {
        hidden.animate({"right":"300px"}, "slow").removeClass('visible');
    }
    });
}); // end 

Answer 2

添加以下内容：$(".logo").hide()到$(document).ready(function () {})；