2010-05-21 19 views
5

Czy istnieje sposób na zmianę domyślnej animacji używanej przez akordeon jQuery? Wygląda na "slajd", ale chciałbym użyć efektu Bounce lub Drop.Jak zmienić styl animacji akordeonu jQuery?

Oto mój bieżący kod:

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

Chciałbym to zmienić od slajdu do spadku lub odrzucenie.

Odpowiedz

4

Można użyć animated option for this, na przykład, aby uzyskać bounce:

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

Domyślnie jest 'slide', you can view a demo here.

+1

Uwaga: od jQuery UI 1.9 zmień "animowany" na "animuj". –

0

Możesz użyć , jeśli chcesz mieć więcej stylów animacji. I tak, tam też są efekty odskoku i upuszczenia.

Uwaga: Można także zbudować swoje własne style animacji za pomocą animate metody.

+4

Tak, ale w jaki sposób mogę faktycznie zastosować te efekty animacji interfejsu użytkownika do kodu akordeonu? Gdzie to idzie i jak należy go napisać? –