jQuery-дегі slideToggle әдісі

Келесі әдіс - slideToggle мынадай жұмыс істейді: егер элемент жасырын болса - оны көрсетеді, ал егер көрініп тұрса - жасырады. Бұл әдістің ыңғайлылығы соңдында бәрін бір түймеге бекітуге болады, ал алдыңғы сабақтарда болғандай екі түймеге емес.

Келесі мысалды қарастырайық. Біздің HTML коды мынадай болсын:

<button id="toggle">click me</button>
<div id="elem">text...</div>

Сондай-ақ CSS бар:

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

Енді бір түймені басу арқылы элемент жасырылып, көрсетілетіндей код жазайық:

$('#toggle').click(function() {
	$('#elem').slideToggle(1000);
});