javascript - 使用 jQuery 隐藏菜单

Question

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

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

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

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

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

传递的任何信息将不胜感激。

干杯

Answer 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();
}

Answer 2

您的实时示例中的错误是您将函数的名称传递给 setTimeOut 函数，""换句话说

你有这个

  setTimeout("MenuOut", 3000);

为此改变

  setTimeout(MenuOut, 3000);

这是您使用该更改Demo的实时示例

Answer 3

而不是使用动画，看看使用jQuery的slideUp和slideDown。

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

Answer 4

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

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