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:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Shuningdek CSS ham bor:
#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:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
