javascript - JQuery Mobile 检查 Div 是否展开或折叠

Question

我有一个可折叠的 Div，使用属性 data-role="collapsible"

如何在任何时间点检查 Div 是处于折叠模式还是展开模式。我试过这个但它不起作用:

if ($("#hideshow").is(":collapsed"))
   alert("collapsed");

请注意 :visible 将不起作用，因为在这两种状态下 visible 都返回 true。

Answer 1

这是通过 CSS 完成的。当可折叠元素折叠时，它会添加“ui-collapsible-collapsed”类。使用 .hasClass() 检查它

if ($("#hideshow").hasClass('ui-collapsible-collapsed')) {
    alert("collapsed");
}