Metoda slideToggle w jQuery

Następna metoda - slideToggle działa w następujący sposób: jeśli element jest ukryty - pokazuje go, a jeśli jest pokazany - ukrywa. Wygoda tej metody polega na tym, że można to wszystko powiesić na jeden przycisk, a nie na dwa, jak to było w poprzednich lekcjach.

Przyjrzyjmy się następującemu przykładowi. Niech nasz kod HTML wygląda tak:

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

Jest też CSS:

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

Teraz napiszmy kod, aby po naciśnięciu jednego przycisku element to się ukrywał, to pokazywał:

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