Jquery jsfiddle只能工作一次

这是一个链接到我的。我在悬停效果上有一个下拉导航栏。这个效果在我运行项目时只起作用一次。之后，直到我再次运行它才起作用。 它与“框架和扩展”选项有什么关系吗？我读了一些关于它的书，但还没有清楚地理解它们之间的区别。 这是我的js代码

function mainmenu(){
$("#bav .inner ul ul").css({display: "none"}); // Opera Fix
$("#bav .inner ul li").hover(function(){
    $(this).find('ul:first').css({visibility: "visible",display:"none"}).slideDown(400, 'backout');
    },function(){
    $(this).find('ul:first').css({visibility: "hidden"});
    });
}
$(document).ready(function() {
                       mainmenu();
        });

我正在选择onLoad“选项”。

---

有人能告诉我为什么在运行代码后效果只出现一次吗？

不确定为什么要在

slideDown（）中使用backout，但这会破坏代码

$(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400); //<---removed backout here

$（this）.find（'ul:first'）.css（{visibility:“visible”，display:“none”}）.slideDown（400）// 不要改变
可见性
和
显示
。只需使用
hide（）
和
show（）
。并且您的
slideDown
参数无效。看

在我的浏览器（Google Chrome 26.0）中，它似乎运行良好。什么是“退出”？去掉那个，它就可以正常工作了-
$("#bav .inner ul ul").hide(); // Opera Fix
$("#bav .inner ul li").hover(function () {
    $(this).find('ul:first').slideDown();
}, function () {
    $(this).find('ul:first').hide();
});