Метод slideToggle в jQuery

Следващият метод - 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);
});