使用jQuery的页面在Firefox中显示不好（IE和Chrome确定）

Question

我正在从tusplus网站学习jQuery，我想要一个有问题的FAQ部分，当用户指出问题时，正确的答案就会缩小。

我已经实现了它，但它仅适用于IE和Chrome，但在Mozilla中却很糟糕。谁知道为什么？感谢。

现场演示：www.lukashamrla.cz/pokus.html

代码：

        $(document).ready(function(){
            $("dd").addClass("hide");

            $("dt").on("mouseenter", function(){
                $(this).next().slideDown().siblings('dd').slideUp();
            })
        });

Answer 1

我认为可能是错误行为的.siblings('dd')，只有通过:visible隐藏的slideUp()将其调整为.slideUp()以阻止dd操作{{1}无论元素的状态如何：

$("dd").addClass("hide");
$("dt").on("mouseenter", function () {
    $(this).next().slideDown().siblings('dd:visible').slideUp();
});

演示小提琴：http://jsfiddle.net/Lsy9v/