slideToggle（）不滑動我的列表項

我希望在id爲「#home」的列表項目被懸停時，使ID爲「#greenHome」的列表項滑入。它不適合我，我不明白爲什麼。

HTML：slideToggle（）不滑動我的列表項

<ul id="nav_animations"> 
    <li id="greenHome"></li> 
</ul> 
<ul id="navlist"> 
    <li id="home">Home</li> 
</ul>

的JavaScript：

$('#home').hover(function(){ 
     ('#greenHome').slideToggle('slow'); 
});

CSS：

#greenHome { 
    display:none; 
}

https://jsfiddle.net/JoshuaHurlburt/etehjeaq/

PS：這不是我的全部代碼，如果需要，我可以發佈它。

2015-04-18 Joshua

你已經錯過了[''$符號開頭（https://jsfiddle.net/hashem/etehjeaq/3/）（ '#greenHome'）的slideToggle的'（'慢「）;'。 –

@HashemQolami我添加了它，但它仍然不起作用 – Joshua

不是這樣，請記住填充div的內容或至少設置背景顏色才能看到它。哈森姆是對的:) –

首先，您錯過了您在調用slideToggle時使用的jQuery函數名稱$。這是正確是這樣的：

$('#greenHome').slideToggle('slow');

而且，你已經完全搞砸的jsfiddle，我已經糾正，並在下面的鏈接，你可以看到更新，工作樣本。在小提琴中，您不應該使用<head>標籤，並且您應該在左側設置面板中選擇包含jQuery。

另外，爲了演示的目的，我改變了列表的順序，因爲懸停事件被多次觸發，當懸停的項目被它上面的切換元素按下時。

最後，正如其他人在評論中指出的那樣，我將文本「綠色家園」填寫到相應的<li>，因爲如果它仍然爲空，您當然不會看到任何效果。

2015-04-18 21:09:35

回答