Question

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

当我正在研究骨架时，网站上几乎没有任何内容，因此检查元素应该很容易找出错误。

我正在从头开始制作幻灯片菜单，但对jQuery来说还是比较新的。基本上，我现在所拥有的是工作，但不完全是我喜欢它的方式。如您所见，当您单击左上角的菜单按钮时，它会向左和向后滑动面板。我希望此面板最初在查看页面时隐藏，然后在单击菜单时滑出。

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

非常感谢任何帮助。

提前致谢！

Answer 1

添加以下内容：$（“。logo”）。hide（）到$（文档）.ready（function（）{}）;

Answer 2

我认为你只是与课程混淆了。

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

无法滑出菜单以正确显示

2 个答案: