检测 jquery-ui 手风琴打开/关闭状态答案

【问题标题】：Detecting jquery-ui accordion open / close state检测 jquery-ui 手风琴打开/关闭状态
【发布时间】：2019-11-13 03:34:54
【问题描述】：

当手风琴部分打开时，我如何有条件地处理。我要问的是这个（伪代码）：

if (this-accordion-section-open){
   do something
}
else {
   do something else
}

我正在寻找类似 :isvisible 的东西。

感谢您的帮助。

【问题讨论】：

标签： jquery jquery-ui

【解决方案1】：

以下代码返回活动面板，

var active = $( ".selector" ).accordion( "option", "active" );

【讨论】：

【解决方案2】：

从demo site，我注意到在打开的部分有一个ui-state-active 类。因此，您可以将jQuery.hasClass 用于您的代码...

【讨论】：

【解决方案3】：

手风琴的基本HTML结构是：

<h3>
    <a>...</a>
</h3>

我过去的做法是为标签分配一个类，如下所示：

<h3>
    <a class="my_accordion">...</a>
</h3>

jQuery UI 根据标签的状态为标签分配不同的类。

if($('.my_accordion').parent('h3').hasClass('ui-state-active')) {
    // accordion is open
}
else {
    // accordion is closed
}

【讨论】：

【解决方案4】：

当前点击链接的解决方案是激活：

HTML 代码

<div id="accordion">

    <div>
        <h2><a href="#services">Services</a></h2>
        <p>More information about all of these services</p>
    </div>

    <div>
        <h2><a href="#about">About</a></h2>
        <p>About us</p>
    </div>

</div>

Jquery 代码：

<script type="text/javascript">
$(function(){
$("#accordion").accordion({ header: "h2", navigation: true });
});
</script>

【讨论】：

为提高您的帖子质量，请说明您的帖子将如何/为何解决问题。