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

回答