Jquery ui JQueryUI手风琴鼠标盖帮助

我正在使用jQueryUI演示示例，我正在尝试添加鼠标悬停的开放效果，并在开始时关闭所有li。但由于某些原因，它只执行默认的1折叠并单击以折叠

jQueryUI示例页面
$（函数（）{
//手风琴
$（“#accordion”）.accordion（{标题：“h3”}）；
$（“#手风琴”）.accordion（{event:“mouseover”}）；
//静态小部件上的悬停状态
$（“#对话框#链接，ul#图标li”）。悬停(
函数（）{$（this.addClass（'ui-state-hover'）；}，
函数（）{$（this）.removeClass（'ui-state-hover'）；}
);
});
/*演示页面css*/
正文{字体：62.5%“投石机MS”，无衬线；边距：50px；}
.demoHeaders{页边距顶端：2em；}
#对话框链接{填充：.4em 1em.4em 20px；文本装饰：无；位置：相对；}
#对话框链接span.ui-图标{页边距：0 5px 0；位置：绝对；左侧：.2em；顶部：50%；页边距顶部：-8px；}
ul#图标{边距：0；填充：0；}
ul#图标li{边距：2px；位置：相对；填充：4px 0；光标：指针；浮点：左；列表样式：无；}
ul#icons span.ui-icon{float:left；margin:04px；}
手风琴
Lorem ipsum dolor sit amet。Lorem ipsum dolor sit amet。Lorem ipsum dolor sit amet。
菲塞勒斯·马蒂斯·丁西登·尼布。
南对岸，拍卖人a，贵人奎斯。

您有两个调用来初始化手风琴：

$("#accordion").accordion({ header: "h3" });
$("#accordion").accordion({ event: "mouseover" });

这就是为什么

mouseover

效果不起作用的原因。要将选项组合为一个初始化调用，请执行以下操作：

$("#accordion").accordion({ header: "h3", event: "mouseover" });

此外，如果您希望最初折叠所有部分，请添加

活动

选项并将其设置为false：

$("#accordion").accordion({
    header: "h3",
    event: "mouseover",
    active: false
});

下面是一个工作示例：

$("#accordion").accordion({
    header: "h3",
    event: "mouseover",
    active: false
});