Javascript菜单不工作Firefox

我正在开发一个带有子菜单的水平菜单。当用户将鼠标悬停在父菜单上时，我需要使用Javascript来显示子菜单

我在JSFIDLE中编写了一个示例，但在FireFox中似乎失败了！在Chrome中，IE和Safari正在运行

以下是测试页面：

代码如下：

$（文档）.ready（函数（）{
var$nav=$（'#menu>li'）；
$nav.hover(
函数（）{
$（'li'，this）.stop（true，true.slideDown（'fast'）；
$（'a'，this.first（）.css（{“背景色”：“#FFF”，“颜色”：“#deb65”}）；
},
函数（）{
$（'ul'，this.slideUp（'fast'）；
$（'a'，this.first（）.css（{“背景色”：“，“颜色”：“#FFF”}）；
}
);
});

您可以在不通过javascript更改css规则的情况下实现这一点，只需在样式表中添加以下内容

#menu li:hover > a {
    color: #debe65;
    background-color: #FFF;
    text-decoration:none;
}

javascript应该看起来像

$(document).ready(function () {
    var $nav = $('#menu > li');
    $nav.hover(

    function () {
        $('li', this).stop(true, true).slideDown('fast');
    },

    function () {

        $('ul', this).slideUp('fast');
    });
});

---

适用于FF 29.0.1。第一个函数用于

li

as

$（'li'，this）

，第二个函数用于

ul

as

$（'ul'，this），我想它需要为 Li 。您可能想将该脚本从HTML中间的当前位置移到单独的JS文件，并以通常的方式链接它。
$(document).ready(function () {
    var $nav = $('#menu > li');
    $nav.hover(

    function () {
        $('li', this).stop(true, true).slideDown('fast');
    },

    function () {

        $('ul', this).slideUp('fast');
    });
});