Metoda slideToggle u jQuery
Sledeća metoda -
slideToggle
radi na sledeći način: ako je element sakriven - prikazuje
ga, a ako je prikazan - skriva ga. Pogodnost
ove metode je u tome što se sve ovo može staviti
na jedno dugme, a ne na dva, kao što je bilo u
prethodnim lekcijama.
Hajde da razmotrimo sledeći primer. Neka naš HTML kod izgleda ovako:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Takođe postoji CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Sada napišimo kod, tako da se pritiskom na jedno dugme element sakriva, pa prikazuje:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
