De fadeToggle-methode in jQuery
De methode
fadeToggle
werkt op dezelfde manier als de methode
slideToggle,
het implementeert ook een afwisseling
van effecten: het toont het element en verbergt het.
We kunnen bijvoorbeeld, door op dezelfde knop te klikken, het element tonen en verbergen. Laten we deze methode implementeren op de volgende HTML-code:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Laat de CSS er als volgt uitzien:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
We schrijven de volgende Javascript-code:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
