Metoden slideToggle i jQuery
Neste metode -
slideToggle
fungerer slik: hvis elementet er skjult - viser det
det, og hvis det er vist - skjuler det. Bekvemmeligheten
med denne metoden er at du kan hengje alt dette
på en knapp, og ikke to, som det var i
de forrige leksjonene.
La oss se på følgende eksempel. La HTML-koden vår se slik ut:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Det er også CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
La oss nå skrive kode slik at ved å klikke på en knapp skjules elementet og vises vekselvis:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
