Усулҳои slideUp ва slideDown дар jQuery

Усулҳои slideUp ва slideDown имкон медиҳанд, ки "дар парда гузоштан" ва "аз парда берун овардани" элементро иҷро намоем (онҳо ҳамчунин муддати иҷрои таъсирро ҳамчун параметр қабул мекунанд, агар муайян карда нашавад - муддати пешфарз, 400ms гирифта мешавад). Чӣ гуна ба назар мерасад - дар мисоли зерин бубинед.

Бигзор мо ду тугма ва як 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);
});