Detección de acordeón jquery-ui abrir/cerrar estado

Question

¿Cómo puedo manejar condicionalmente cuando una sección de acordeón está abierta? Lo que pido es esto (en pseudocódigo):

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

Estoy buscando algo como: IsVisible.

Gracias por su ayuda.

Answer 1

siguiente código que devuelva el panel activo,

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

Answer 2

del demo site, noté que hay una clase ui-state-active en la sección abierta. Así que usted puede utilizar para su código jQuery.hasClass ...

Answer 3

La estructura HTML básico del acordeón es:

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

La forma en que lo he hecho en el pasado es para asignar una clase a la etiqueta como tal :

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

jQuery UI asigna diferentes clases a la etiqueta en función de su estado.

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

Answer 4

Solución para el enlace se hace clic actual es activar:

Código 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> 

Código Jquery:

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