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