Mbinu ya slideUp

Mbinu slideUp inaficha kwa ukawaida vipengele, ikiviringusha kutoka chini kwenda juu. Kuonyesha vipengele kunaweza kufanyika kwa kutumia mbinu slideDown.

Syntax

Kuficha kwa muda uliowekwa, 400ms kwa default:

.slideUp(muda);

Muda unaweza kuwekwa sio tu kwa millisecond, lakini pia kwa maneno muhimu slow (600ms) na fast (200ms), thamani kubwa zaidi, huonyesha mwendo wa polepole zaidi:

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

Ikiwa hautaweka vigezo - mwendo hautakuwa, vipengele vitafichika mara moja:

.slideUp();

Pia unaweza kupitisha chaguo la kukokotoa la ulegezaji kama kigezo cha pili, na cha tatu callback function - itafanya kazi baada ya kukamilika kwa mwendo. Vigezo vyote viwili sio lazima:

.slideUp(muda, [chaguo la kukokotoa la ulegezaji], [callback function]);

Unaweza kupitisha chaguzi mbalimbali kwa mbinu hiyo, kwa umbo la kitu cha JavaScript, chenye jozi ufunguo: thamani:

.slideUp(chaguzi);

Kitu kama hicho kinaweza kupitisha yafuatayo vigezo na vitendakazi - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Maelezo ya vigezo hivi unaweza kuyaona kwa mbinu animate. Kwa mfano, tutaweka muda na chaguo la kukokotoa la ulegezaji:

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

Mfano

Baada ya kubonyeza kitufe, tufiche kwa ukawaida div ya mzazi, iliyo na kiingilio na kitufe, kwa kutumia mbinu slideUp (hii div tutaipata kwa kutumia mbinu parent). Kupitisha neno kuu slow, tutaweka kasi kwa 600ms. Katika div yenye #test tutaandika maelezo 'Text is hidden':

<div>
	<button>ficha maandishi</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

Angalia pia

mbinu slideDown,
ambayo inaonyesha vipengele kwa ukawaida
mbinu slideToggle,
ambayo hubadilishana kwa kuonyesha/kuficha vipengele kwa ukawaida
mbinu fadeOut,
ambayo inaficha vipengele kwa ukawaida, ikifanya viweze kuonekana
mbinu hide,
ambayo inaficha vipengele kwa ukawaida