fadeToggle-metodi jQuery:ssä
Metodi
fadeToggle
toimii samaan tapaan kuin metodi
slideToggle,
se myös toteuttaa vuorottelun
efektejä: joskus näyttää elementin, joskus piilottaa sen.
Esimerkiksi voimme painamalla samaa painiketta sekä näyttää että piilottaa elementin. Toteutetaan tämä metodi seuraavalla HTML-koodilla:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Olkoon CSS tällainen:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Kirjoitetaan seuraava Javascript-koodi:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
