Metoden fadeToggle i jQuery
Metoden
fadeToggle
fungerar på samma sätt som metoden
slideToggle,
den implementerar också en växling mellan
effekter: visar antingen elementet eller döljer det.
Till exempel kan vi, genom att klicka på samma knapp, både visa och dölja ett element. Låt oss implementera denna metod på följande HTML-kod:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Låt CSS se ut så här:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Vi skriver följande Javascript-kod:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});