Usul toggle

Usul toggle elementleriň tekli görkezilmegini/ýaşyrylmagyny çalşyryp durýar. Eger element görkezilen bolsa, onda ol ýaşyrylar we tersine.

Sintaksis

Görkezilýän wagty millisekuntda kesgitlemek, 400 ms bellenilen hali:

.toggle( dowamlylyk );

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

.toggle('slow' ýa-da 'fast');

Parametr display bilen bahany true ýa-da false geçirip bolýar. Eger true bolsa, onda element diňe görkeziler, false - ýaşyrylar:

.toggle( display );

Eger parametrleri görkezmezden geçirmek - animasiýa bolmaz, elementler görkeziler/ýaşyrylar bir süýşüp:

.toggle();

Şeýle hem ikinji parametr hökmünde tekli häsiýetli funksiýany geçirip bolýar, hem üçünji callback-funksiýany - animasiýanyň gutarmagy bilen işler Her iki parametr hökmany däl:

.toggle( dowamlylyk, [tekli häsiýetli funksiýa], [callback-funksiýa] );

Diňe ikinji hökmany parametr hökmünde hem geçirip bolýar callback-funksiýa - animasiýanyň gutarmagy bilen işler:

.toggle( dowamlylyk, [callback-funksiýa] );

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

.toggle( opsiýalar );

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 usul üçin görip bilersiňiz animate. Mysal üçin, dowamlylygy we tekli häsiýetli funksiýany belleýäris:

.toggle( {duration: 800, easing: easeInSine} );

Mysal

Geliň düwmä basanyňyzdan soň, tekli görkezeliň ýaşyrylan abzasy usul toggle kömegi bilen. Geçirip açar söz slow, biz tizligi 600 ms belleýäris. Gaýtadan basylanda - ýaşyrýarys:

<button>teksti görkez</button>
<p style="display: none">tekst</p>

$('button').click(function() {
	$('p').toggle('slow');
});

Şeýle-de görmeli

usul fadeToggle,
elementleriň geçirijiligini üýtgedýär
usul slideToggle,
elementleriň tekli görkezilmegini/ýaşyrylmagyny çalşyryp durýar
usul show,
elementleri tekli görkezýär
usul hide,
elementleri tekli ýaşyrýar