Метод slideToggle в jQuery

Следващият метод - slideToggle работи по следния начин: ако елементът е скрит - го показва, а ако е показан - го скрива. Удобството на този метод е, че всичко това може да се закачи за един бутон, а не за два, както беше в предишните уроци.

Нека разгледаме следния пример. Нека нашият HTML код изглежда така:

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

Също така има и CSS:

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

Сега нека напишем код, така че при натискане на един бутон елементът да се скрива и да се показва:

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