Meetod slideToggle jQuery-s

Järgmine meetod - slideToggle töötab nii: kui element on peidetud - näitab seda, ja kui on näidatud - peidab selle. Selle meetodi mugavus seisneb selles, et selle kõike saab panna ühele nupule, mitte kahele, nagu see oli eelmistes õppetükides.

Vaatame järgmist näidet. Oletame, et meie HTML kood näeb välja selline:

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

Samuti on olemas CSS:

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

Nüüd kirjutame koodi nii, et ühe nupu vajutamisel element peidub ja siis kuvatakse:

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