Javascript Can';t获取滑出菜单以正确显示

Javascript Can';t获取滑出菜单以正确显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,此处是指向正在进行的站点的链接-- 由于我正在处理骨架,所以现场几乎什么都没有,所以检查元素应该很容易找出问题所在 我正在从头开始做一个滑出菜单,但我对jQuery还是相当陌生的。基本上,我现在所做的是工作,但不是我想要的那样。如您所见,当您单击左上角的菜单按钮时,它会将面板左右滑动。我希望此面板在查看页面时首先隐藏,然后在单击菜单时滑出 此外,如果用户单击主页,是否有一种简单的方法关闭此面板?现在它关闭的唯一方法是再次单击菜单按钮 非常感谢您的帮助 提前谢谢 添加以下内容:$(“.logo”)

此处是指向正在进行的站点的链接--

由于我正在处理骨架,所以现场几乎什么都没有,所以检查元素应该很容易找出问题所在

我正在从头开始做一个滑出菜单,但我对jQuery还是相当陌生的。基本上,我现在所做的是工作,但不是我想要的那样。如您所见,当您单击左上角的菜单按钮时,它会将面板左右滑动。我希望此面板在查看页面时首先隐藏,然后在单击菜单时滑出

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

非常感谢您的帮助


提前谢谢

添加以下内容:$(“.logo”).hide()到$(document).ready(函数(){})

我想你只是把课程搞混了

将此添加到您的
#左菜单中
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 

或者$(“#菜单容器”)。hide()我不确定我提出的问题是否正确。我不是想隐藏这个标志。我只是没有包括标志的图像,这就是为什么它是隐藏的。我正试图隐藏左菜单。但是,我确实尝试了你用左菜单而不是徽标发送的代码,它隐藏了它,但当单击右菜单并将$(“#左菜单”).show()放在滑入函数中的所有内容之上时,它不会返回。如果你仍然有问题,请发布你的脚本,以便我可以帮助你谢谢,但这似乎没有改变任何事情,也许这与我的css有关?我已经更新了我的答案。忘记添加初始位置。