Javascript slideToggle（）未滑动我的列表项

当id为“#home”的列表项悬停在上方时，我想让id为“#greenHome”的列表项滑入。它对我不起作用，我也不知道为什么。

HTML:

CSS:

---

PS：这不是我的完整代码，但如果需要，我可以发布。

首先，您在调用slideToggle时错过了jQuery函数名$。是这样的：

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

另外，您已经完全弄乱了JSFIDLE，我已经纠正了它，在下面的链接中，您可以看到更新的工作示例。在fiddle中，您不应该使用

标记，您应该在左侧的设置面板中选择includeofjquery

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

最后，正如其他人在评论中指出的那样，我在相应的

中填写了文本“绿色家园”，因为如果它仍然为空，您当然不会看到任何效果

---

您错过了

（“#greenHome”）。滑动切换（'slideToggle'）

@HashemQolami我添加了它，但它仍然不起作用。不是这样，记得用内容填充div，或者至少设置背景色以便能够看到它。哈希姆是对的：）

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

#greenHome {
    display:none;
}

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