使用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);

這是您的現場演示與該變化演示

Answer 3

與其使用動畫，不如使用jQuery的slideUp和slideDown。

您將希望像這樣設置動畫： setTimeout("$('#nav').slideUp()", 3000);

Answer 4

您的JS有一些錯誤。 setTimeout需要函數回調，而不是字符串。 您還使用了$（nav）而不是$（“＃nav”）

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