使用jQuery UI设置下拉菜单动画

我正在用jQuery幻灯片设置菜单的动画，但在第一次悬停时遇到了问题。它只显示而不显示动画。所有子级别工作正常

JQuery代码：

    $("li").on('mouseenter', function () {

        $(this).find('ul').first().hide().show('slide', {
            direction: "down"
        }, function () {

            // $(this).css('display', 'block');

        });

    }).on('mouseleave', function () {

        $(this).find('ul').first().hide('slide', {
            direction: "up"
        }, function () {

            // $(this).css('display', 'none');

        });
    });

似乎我有一个css错误的地方，但我找不到它。如果您能看一看并设法找出问题所在，我将不胜感激。4只眼睛总比2只好：）

感谢您的帮助

---

刚刚按照建议在FF中进行了测试，效果很好，但IE、Chrome和Opera都非常出色

对我来说效果很好

你的css很好

还有您的jquery

我确信您的问题是跨浏览器问题，而不是编码问题

---

用另一个浏览器试试看

我觉得动画效果不错，你能指出你到底在哪里看到的吗issue@dreamweiver，将鼠标悬停在子保持架上，第一级下拉列表不会设置动画。另外，你为什么要从我的帖子中删除“谢谢”这个词？这对我来说很好，我现在运行的是firefox 27.0.1。关于编辑，正式问候似乎不太好，所以。它只在FF中工作，即Opera，Chrome Not work，将编辑帖子。嘿，看，用jquery 1.9.1版本和jquery ui 1.9.2版本试试看。这可能对你有帮助！疯狂的事。Chrome正在搞乱它，FF工作正常。非常感谢。也就是说，歌剧也很奇怪