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

Question

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

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

我在找东西：isvisible。

感谢您的帮助。

Answer 1

下面的代码回报，你的活动面板，

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

Answer 2

从demo site，我注意到有一个ui-state-active类打开部分。所以，你可以使用jQuery.hasClass为您的代码...

Answer 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 
} 

Answer 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>