Metoden slideToggle i jQuery
Næste metode -
slideToggle
virker sådan: hvis elementet er skjult - viser
det, og hvis det er vist - skjuler det. Bekvemmeligheden
ved denne metode er, at man kan hænge
alt dette på en knap, og ikke på to, som det var i
de foregående lektioner.
Lad os se på følgende eksempel. Lad vores HTML-kode se sådan ud:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Der er også CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Lad os nu skrive kode, så elementet ved et klik på én knap skjules og vises skiftevis:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
