Метод slideToggle у jQuery-у

Следећи метод - 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);
});