手风琴需要两次点击

时间:2017-06-28 08:52:14

标签: javascript jquery html css jquery-ui

this website中,如果你向左看并尝试折叠左侧的过滤器,它需要两次点击才能使用,任何想法?

它正在使用jQuery UI CSS并在this page上正常工作。

2 个答案:

答案 0 :(得分:1)

<div id="FilterPropertyOptions_S_1_66413_0">的初始设置错误。手风琴应该关闭但是是开放的。在第一次单击时,它将分配display:block(这是初始状态),在第二次单击时它将关闭手风琴。首次显示屏幕时,设置应为display:none

更新:这对第一支手风琴有效。其他人可能有另一个id。您还需要验证与显示设置相关联使用的V形纹。

答案 1 :(得分:1)

$(function() {
$(".closed").accordion({
autoHeight: true,
collapsible: true,
icons: false,
active : true,
heightStyle : 'content'
});
});

您的手风琴配置未正确应用,因为您可以看到检查,扩展选项卡上的aria-expanded属性设置为false。应用配置的简单解决方法可能是在您的类上调用refresh方法:

$(".closed").accordion("refresh")