使用 jQuery 隐藏菜单答案

【问题标题】：Hide Menu using jQuery使用 jQuery 隐藏菜单
【发布时间】：2012-05-21 12:40:45
【问题描述】：

我是 jQuery 新手，需要一点帮助。

我创建了一个导航菜单，一旦用户登陆页面，我希望在“3 秒”后向上完全消失。从这里，一个箭头将位于隐藏原始导航菜单的位置。

当用户点击“箭头”时，菜单将重新出现并在此处停留 20 秒。

我在这个 jsFiddle 中有一些代码，但它似乎没有做任何事情。有人可以帮忙吗？

http://jsfiddle.net/headex/AsjMz/1/

我们将非常感谢您提供的任何信息。

干杯

【问题讨论】：

只是一个旁注：已弃用，请参阅：w3.org/TR/html401/appendix/changes.html#h-A.3.1.2

标签： javascript jquery menu navigation

【解决方案1】：

您必须为 <div/> 元素使用正确的选择器并提供 MenuOut() 函数作为一个对象，而不是一个字符串。

$(function() {
    setTimeout(MenuOut /*don't supply this parameter as a string*/, 3000); /* 3000 represent 3000 milliseconds, so 3 seconds */
});

function MenuOut() { /* The sample code I put on top */
    $('#nav'/*it's an id (#), here you have to use a string*/).slideUp();
}

【讨论】：

感谢您的回复，非常感谢！

【解决方案2】：

你的例子中的错误是你将函数的名称传递给 setTimeOut 函数，换句话说，""

你有这个

  setTimeout("MenuOut", 3000);

为此改变

  setTimeout(MenuOut, 3000);

这是您的更改示例Demo

【讨论】：

谢谢，已经成功了，现在只需要箭头出现！如何将其添加到 HTML 中？作为带有引用#theButton 的标记，在小提琴中类似。
本质上可以将 html 添加到元素中，您可以使用函数 append() 或 html() 来完成，并将所需的 html 注入到您需要的元素中
你必须原谅我，我在这方面是个业余爱好者......我如何将我设计的箭头注入到 append() 或 html() 标记中？点击后的图片怎么会坐在那里？
假设您在服务器的某些部分有您的设计图像，并且它的设计是在一个 img 中，您可以这样做：$('#foo').append('<img 'src="yourPath.jpg"/>') 尝试这样做，如果您无法打开一个新问题。但请记住先尝试这样做
当然，我不想发布已经回答的消息，但是这里的档案是巨大的！非常感谢您的帮助！

【解决方案3】：

不使用animate，看看使用jQuery的slideUp和slideDown。

你会想要像这样制作动画：setTimeout("$('#nav').slideUp()", 3000);

【讨论】：

【解决方案4】：

您的 JS 存在一些错误。 setTimeout 需要函数回调，而不是字符串。您还使用了 $(nav) 而不是 $("#nav")

http://jsfiddle.net/AsjMz/9/

【讨论】：