Metoden fadeToggle i jQuery
Metoden
fadeToggle
virker på samme måde som metoden
slideToggle,
den implementerer også en veksling mellem
effekter: den viser et element og skjuler det.
For eksempel kan vi ved at klikke på den samme knap både vise og skjule et element. Lad os implementere denne metode med følgende HTML-kode:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Lad CSS se sådan ud:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Vi skriver følgende Javascript-kode:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
