jQuery-ի slideUp և slideDown մեթոդները

slideUp և slideDown մեթոդները թույլ են տալիս կատարել տարրի «գլորում» և «դուրս գլորում» (որպես պարամետր դրանք ընդունում են նաև էֆեկտի կատարման ժամանակը, եթե այն նշված չէ, կօգտագործվի լռելյայն ժամանակը՝ 400մվ): Ինչպես է այն թվում - տեսեք հաջորդ օրինակում:

Ենթադրենք ունենք երկու կոճակ և div:

<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>

CSS-ն այսպիսի տեսք ունի.

#elem {
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid green;
	margin-top: 10px;
}

Այժմ գրում ենք slideUp և slideDown մեթոդները.

$('#hide').click(function() {
	$('#elem').slideUp(1000);
});

$('#show').click(function() {
	$('#elem').slideDown(1000);
});