jQuery'деги slideToggle методу
Кийинки метод -
slideToggle
төмөнкүчө иштейт: эгер элемент жашырылган болсо - аны көрсөтөт,
эгер көрсөнүлүп турган болсо - жашырат. Бул методдун ыңгайлуулугу
ушунда: мунун баарын бир баскычка тиркеп коюуга болот,
мурунку сабактардагыдай эки эмес.
Келгиле, төмөнкү мисалды карап көрөлү. Биздин HTML кодубуз төмөнкүдөй болсун:
<button id="toggle">менди басыңыз</button>
<div id="elem">текст...</div>
Ошондой эле CSS бар:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Эми бир баскычты басканда элемент жашырылып, көрсөтүлүп турган кодду жазалы:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});