檢測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>