Rilevamento dello stato di apertura/chiusura fisarmonica jquery-ui

Question

Come maneggiare condizionatamente quando una sezione di fisarmonica è aperta. Quello che mi chiedo è questo (in pseudo codice):

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

Cerco qualcosa di simile: IsVisible.

Grazie per il vostro aiuto.

Answer 1

seguente codice di ritorno del pannello attivo,

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

Answer 2

dal demo site, ho notato che c'è una classe ui-state-active nella sezione aperta. Così si può utilizzare jQuery.hasClass per il codice ...

Answer 3

La struttura HTML di base della fisarmonica è:

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

Il modo in cui ho fatto in passato, è quello di assegnare una classe al tag in questo modo :

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

jQuery UI assegna classi diverse al tag in base al suo stato.

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

Answer 4

Soluzione per il link cliccato corrente è Activate:

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

codice jQuery:

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