slideToggle usuly

slideToggle usuly gizlenen elementleri ýuwaş-ýuwaş görkezýär we görkezilenleri gizleýär.

Sintaksis

Görkezmek/gizlemek berlen wagtyň dowamynda, 400ms deslapky ýagdaýy:

javascript.slideToggle(dowamlylygy);

Wagty diňe millisekuntda däl, eýsem açar sözler slow (600ms) we fast (200ms) bilen hem kesgitlemek bolýar, baha näçe uly bolsa, animasiýa şonça haýal:

javascript.slideToggle('slow' ýa-da 'fast');

Eger parametrleri görkezmesek - animasiýa bolmaz, elementler görkeziler/gizleniler bir sanyda:

javascript.slideToggle();

Ýene-de ikinji parametr hökmünde ýuwaşlyk funksiýasyny geçirmek mümkin, üçünji parametr hökmünde bolsa callback-funksiýasyny - animasiýa ýerine ýetirilenden soň işleýär. Iki parametri hem hökmany däl:

javascript.slideToggle(dowamlylygy, [ýuwaşlyk funksiýasy], [callback-funksiýasy]);

Usula dürli opsiýalary geçirip bolýar, JavaScript obýekti görnüşinde, öz içine alýan açar: baha jübütlerini:

javascript.slideToggle(options);

Beýle obýekt aşakdaky parametrleri we funksiýalary geçirip biler - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Bu parametrleriň düşündirişini siz usul üçin görmek bilersiňiz animate. Mysal üçin, dowamlylygy we ýuwaşlyk funksiýasyny belgiläýäris:

javascript.slideToggle( {duration: 600, easing: easeInSine} );

Mysal

Geliň düwmä basanyňyzdan soň, ýuwaş-ýuwaş gizläýäris ata div, öz içine alýan abzaslary, slideToggle usuly kömegi bilen (bu div biz usul bilen taparys parent), düwmä ikinji gezek basanyňyzda, div ýene-de ýuwaş-ýuwaş görkeziler we ş.m. Açar sözüni geçirip slow, biz tizligi 600ms belgileris:

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');
});

Şeýle-de görüň