Njia slideDown

Njia slideDown inaonyesha kwa utulivu vipengee vilivyofichika, ikiviteremsha kutoka juu kuelekea chini. Vipengee vinaweza kufichwa kwa kutumia njia slideUp.

Syntax

Kuonyesha kwa muda uliowekwa, 400ms kwa chaguo-msingi:

.slideDown(muda);

Muda unaweza kubainishwa sio tu kwa millisekunde, lakini pia kwa maneno muhimu slow (600ms) na fast (200ms), thamani kubwa zaidi, huonyesha animesheni inayokwenda polepole zaidi:

.slideDown('slow' au 'fast');

Ikiwa vigezo havutajwi - animesheni haitakuwa, vipengee vitaonyeshwa mara moja:

.slideDown();

Pia unaweza kupita kigezo cha pili kitendakazi cha mtindo, na kigezo cha tatu cha kitendakazi cha callback - kitakachofanya kazi baada ya kukamilika kwa animesheni. Vigezo vyote viwili sio vya lazima:

.slideDown(muda, [kitendakazi cha mtindo], [kitendakazi cha callback]);

Kunaweza kupitishwa kwa njia chaguo mbalimbali, katika mfumo wa kitu cha JavaScript, kilichomojoa jozi ufunguo: thamani:

.slideDown(chaguo);

Kitu kama hicho kinaweza kupitisha vigezo vifuatavyo na vitendakazi - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Maelezo ya vigezo hivi unaweza kuyaangalia kwa njia ya animate. Kwa mfano, tuunde muda na kitendakazi cha mtindo:

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

Mfano

Baada ya kubonyeza kitufe, tuonyeshe kwa utulivu aya iliyofichika kwa kutumia njia slideDown. Kwa kupitisha neno kuu slow, tutaweka kasi ya 600ms. Baada ya kumalizika kwa animesheni tuandike kwenye console 'Animation complete':

<button>onyesha maandishi</button>
<p style="display: none">maandishi</p>

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

Angalia Pia

njia slideUp,
ambayo huficha kwa utulivu vipengee
njia slideToggle,
ambayo hubadilishana kwa kuonyesha/kuficha kwa utulivu vipengee
njia fadeIn,
ambayo inaonyesha kwa utulivu vipengee vilivyofichika, ikifanya visiweze kuonekana-kupenya
njia show,
ambayo inaonyesha kwa utulivu vipengee