jQuery-da slideToggle metodi

Keyingi metod - slideToggle quyidagicha ishlaydi: agar element yashiringan bo'lsa - uni ko'rsatadi, agar ko'rsatilgan bo'lsa - yashiradi. Ushbu metodning qulayligi shundaki, bularning hammasini bitta tugmaga bog'lash mumkin, oldingi darslardagi kabi ikkita emas.

Keling, quyidagi misolni ko'rib chiqaylik. Bizning HTML kodimiz shunday ko'rinsin:

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

Shuningdek CSS ham bor:

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

Endi bitta tugma bosilganda element yashirilsin yoki ko'rsatilsin deb kod yozamiz:

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