Метод slideToggle у jQuery-у

Следећи метод - slideToggle ради на следећи начин: ако је елемент сакривен - приказује га, а ако је приказан - сакрива га. Практичност овог метода је у томе што се све ово може повезати на једно дугме, а не на два, као што је то било у претходним лекцијама.

Хајде да погледамо следећи пример. Нека наш HTML код изгледа овако:

html<button id="toggle">кликни ме</button>
<div id="elem">текст...</div>

Такође имамо CSS:

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

Сада ћемо написати код тако да се при клику на једно дугме елемент или сакрије или прикаже:

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