Question

我希望列表项目的ID为＃34;＃greenHome＆＃34;当ID为＃34;＃home＆＃34;的列表项时滑入正在盘旋。这对我不起作用，我无法弄清楚原因。
HTML：

<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：这不是我的完整代码，如果需要，我可以发布它。

Answer 1

首先，您从调用slideToggle中错过了jQuery函数名称$。这是正确的：

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

另外，你已经完全弄乱了jsFiddle，我已经纠正了它，在下面的链接中你可以看到更新的工作样本。在小提琴中你不应该使用<head>标签，你应该在左侧设置面板中选择包含jQuery。

另外，为了演示目的，我已经更改了列表的顺序，因为当悬停项目被其上方的切换元素按下时，悬停事件会多次触发。

最后正如其他人在评论中指出的那样，我将“绿色家园”文本填写到相应的<li>，因为如果它仍然是空的，你当然不会看到任何影响。