slideToggle metodu
slideToggle metodu gizli elementləri
rəvan göstərir və görünən elementləri gizlədir.
Sintaksis
Göstərilmə/gizlənmə müəyyən müddət ərzində,
400ms standart olaraq:
.slideToggle(müddət);
Vaxtı yalnız millisaniyələrlə deyil,
həm də açar sözlərlə slow (600ms)
və fast (200ms) təyin etmək olar, dəyər nə qədər böyükdürsə,
animasiya bir o qədər yavaş olar:
.slideToggle('slow' və ya 'fast');
Əgər parametrlər göstərilməzsə - animasiya olmayacaq, elementlər dərhal göstəriləcək/gizlədiləcək:
.slideToggle();
Həmçinin ikinci parametr kimi rəvanlıq funksiyası ötürülə bilər, eləcə də üçüncü parametr kimi callback funksiyası - animasiya bitdikdən sonra işləyəcək. Hər iki parametr isteğe bağlıdır:
.slideToggle(müddət, [rəvanlıq funksiyası], [callback funksiyası]);
Metoda müxtəlif seçimlər ötürülə bilər, JavaScript obyekti şəklində, içərisində açar: dəyər cütləri olan:
.slideToggle(options);
Belə bir obyekt aşağıdakı parametrləri
və funksiyaları ötürə bilər - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Bu
parametrlərin təsvirini
animate metodu üçün baxa bilərsiniz. Məsələn,
müddəti və rəvanlıq funksiyasını təyin edək:
.slideToggle( {duration: 600, easing: easeInSine} );
Nümunə
Gəlin düyməni sıxdıqdan sonra, abzasları ehtiva edən
ana div-i slideToggle metodu ilə rəvan gizlədək
(bu div-i
parent metodu ilə tapacayıq),
düyməni təkrar sıxdıqdan sonra, div
yenidən rəvan göstəriləcək və s. Açar söz kimi
slow ötürməklə, sürəti 600ms təyin edəcəyik:
<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');
});
