Метод slideToggle
Метод slideToggle постељено приказује
скривене елементе и скрива приказане.
Синтакса
Приказивање/скривање у задатом времену,
подразумевано 400ms:
.slideToggle(трајање);
Време се може задати не само у милисекундама,
већ и кључним речима slow (600ms)
и fast (200ms), што је већа вредност,
то је спорија анимација:
.slideToggle('slow' или 'fast');
Ако се параметри не наведу - неће бити анимације, елементи ће се приказивати/скривати тренутно:
.slideToggle();
Такође се може као други параметар проследити функција убрзања, а као трећи callback-функција - која се извршава након завршетка анимације. Оба параметра су опционална:
.slideToggle(трајање, [функција убрзања], [callback-функција]);
Методу се могу проследити различите опције, у облику JavaScript објекта, који садржи парове кључ: вредност:
.slideToggle(options);
Такав објекат може да проследи следеће
параметре и функције - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Опис
ових параметара можете погледати за метод
animate. На пример,
поставимо трајање и функцију убрзања:
.slideToggle( {duration: 600, easing: easeInSine} );
Пример
Хајде да након притиска на дугме, постељено сакријемо
родитељски div, који садржи параграфе,
помоћу методе slideToggle (овај div
пронаћи ћемо помоћу методе
parent),
након поновног притиска на дугме, div ће бити
поново постељено приказан и тако даље. Прослеђујући кључну реч
slow, поставићемо брзину на 600ms:
<button>toggle text</button>
<div>
<p id='test'>text text text text text text text</p>
<p>text text text text text text text</p>
<p>text text text text text text text</p>
</div>
$('button').click(function() {
$('#test').parent().slideToggle('slow');
});
