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:

javascript.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:

javascript.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:

javascript.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:

javascript.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:

javascript.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:

javascript.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:

html<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>

javascript$('button').click(function() {
  $('#test').parent().slideToggle('slow');
});

Həmçinin bax