2010-05-21 26 views
5

¿Hay alguna manera de cambiar la animación predeterminada que utiliza el acordeón jQuery? Parece ser "deslizante", pero me gustaría utilizar un efecto Bounce o Drop.¿Cómo cambio el estilo de animación de un jQuery Accordion?

Aquí está mi código actual:

$("#accordion").accordion({ 
    autoHeight: false, 
    collapsible: true, 
    event: 'click', 
    active: 4 
}); 

me gustaría cambiar esto de una diapositiva a una caída o un rebote.

Respuesta

4

Usted puede utilizar el animated option for this, por ejemplo, para obtener su rebote:

$("#accordion").accordion({ 
    animated: 'bounceslide', 
    autoHeight: false, 
    collapsible: true, 
    event: 'click', 
    active: 4 
}); 

El valor por defecto es 'slide', you can view a demo here.

+1

Nota: a partir de jQuery UI 1.9 cambia 'animated' a' animate'. –

0

Puede usar JQuery UI effects si desea más estilos de animaciones. Y sí, también hay efectos de rebote y caída.

Nota: También puede construir sus propios estilos animaciones usando animate método.

+4

Sí, pero ¿cómo puedo aplicar esos efectos de animación UI al código del acordeón? ¿A dónde va y cómo se debe escribir? –

Cuestiones relacionadas