標題導航幻燈片

嗨，我正在做一個標題，看起來像這樣：
帶有標誌和向下箭頭表示導航的標題欄。如果你懸停標題，導航就會滑下來，你會看到大列，現在我試圖做到這一點，如果你點擊列，更具體的鏈接將滑落。標題導航幻燈片

我已經設法讓子鏈接欄與列鏈接處於相同的css頂部值，以便看起來平滑，但現在我不知道如何添加切換值。

這是javascript，請告訴我什麼是錯的。

var top = ($('#serviceslink').top()+toggle); 
var toggle = 0; 
$('#serviceslinkextended').css({'top':top+'px'}); 
$('#serviceslink').click(function(){ 
    if (toggle == 0) {toggle = 30} 
    else {toggle = 0} 
});

編輯：如果（切換== 0）

EDIT3：這是更好？

var top = $('#serviceslink').top(); 
var toggle = 0; 
$('#serviceslinkextended').css({'top':top+toggle+'px'}); 
$('#serviceslink').click(function(){ 
    if (toggle == 0) {toggle = 30} 
    else {toggle = 0} 
});

edit4：我意識到，子欄目只住在同一高度，因爲沒有頂值定義，似乎並不雖然在每一個瀏覽器。我現在使用了slideToggle，但它不完全相同，我想知道它如何以這種方式工作。

來源

2014-07-04 user3804223

'如果（切換= 0），'你需要''==那裏，而不是'='。 –

'if（toggle = 0）{toggle = 30}'你爲什麼認爲* same *操作在不同的上下文中做了*不同的事情？ –

*「這是更好嗎？」*它工作嗎？如果沒有，它不會更好。你也使用jQuery，這是一個庫。 –

試試這個功能：

$(selector).slideUp() 
$(selector).slideDown()

來源

2014-07-04 06:25:15 user2414751

標題導航幻燈片

回答

相關問題