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:
.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:
.slideToggle('slow' ýa-da 'fast');
Eger parametrleri görkezmesek - animasiýa bolmaz, elementler görkeziler/gizleniler bir sanyda:
.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:
.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:
.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:
.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:
<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');
});
