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