jQuery да slideToggle методу

Кейинги метод - slideToggle шундай ишлайди: агар элемент бекитилган бўлса - уни кўрсатади, агар кўрсатилган бўлса - бекади. Бу методнинг қулайлиги шундаки, бу ҳаммасини битта тугмага осилиш мумкин, яъни олдинги дарслардаги каби иккита эмас.

Келинг, кейинги мисолни кўриб чиқайлик. Бизнинг HTML кодимиз шундай кўринишда бўлсин:

<button id="toggle">менга бос</button>
<div id="elem">матн...</div>

Шунингдек, CSS ҳам бор:

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

Энди битта тугма босилганда элемент вақт-вақти билан бекилиб, кўрсатилиши учун код ёзайлик:

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