Metoda slideToggle u jQuery

Sledeća metoda - slideToggle radi na sledeći način: ako je element sakriven - prikazuje ga, a ako je prikazan - skriva ga. Pogodnost ove metode je u tome što se sve ovo može staviti na jedno dugme, a ne na dva, kao što je bilo u prethodnim lekcijama.

Hajde da razmotrimo sledeći primer. Neka naš HTML kod izgleda ovako:

html<button id="toggle">click me</button>
<div id="elem">text...</div>

Takođe postoji CSS:

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

Sada napišimo kod, tako da se pritiskom na jedno dugme element sakriva, pa prikazuje:

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