slideDown metodu

slideDown metoda gizlenen elementleri ýokardan aşak tekiz görkezýär. Elementleri slideUp metody bilen gizläp bolýar.

Sintaksis

Bellap berilen wagtyň dowamynda görkezmek, adaty hâlde 400 ms:

.slideDown(dowamlylygy);

Wagty diňe millisekundlarda däl-de, slow (600 ms) we fast (200 ms) açar sözleri bilen hem belläp bolýar. Baha uly boldukça, animasiýa haýal bolýar:

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

Eger parametrleri görkezmeseňiz - animasiýa bolmaz, elementler çalt görkeziler:

.slideDown();

Ýene-de ikinji parametr hökmünde tekizleşik funkisiýasyny, üçünji bolsa callback-funkisiýany - animasiýa gutardyndan soň işleýär, geçirip bolýar. Her iki parametr hem hökmany däl:

.slideDown(dowamlylygy, [tekizleşik funksiýasy], [callback-funkisiýasy]);

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

.slideDown(options);

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

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

Mysal

Geliň düwmäni basanyňyzdan soň, gizlenen abzasy slideDown metoda ýardamy bilen tekiz görkezäýelin. slow açar sözüni geçirip, tizligini 600 ms belleýäris. Animasiýa gutardyndan soň konsola 'Animation complete' çykararys:

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

$('button').click(function() {
	$('p').slideDown('slow', function() {
		console.log('Animation complete')
	});
});

Şeýle-de görüň

slideUp metoda,
elementleri tekiz gizleýär
slideToggle metoda,
tekiz görkezmek/gizlemek arasynda çalşýar
fadeIn metoda,
gizlenen elementleri tekiz görkezýär, olary şeffaf däl edýär
show metoda,
elementleri tekiz görkezýär