# Метод 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); });`
←→
↑