Metoden slideToggle i jQuery

Næste metode - slideToggle virker sådan: hvis elementet er skjult - viser det, og hvis det er vist - skjuler det. Bekvemmeligheden ved denne metode er, at man kan hænge alt dette på en knap, og ikke på to, som det var i de foregående lektioner.

Lad os se på følgende eksempel. Lad vores HTML-kode se sådan ud:

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

Der er også CSS:

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

Lad os nu skrive kode, så elementet ved et klik på én knap skjules og vises skiftevis:

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