Метод 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);
});