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:

html<button id="toggle">click me</button>
<div id="elem">text...</div>

Lad CSS se sådan ud:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Vi skriver følgende Javascript-kode:

javascript$('#toggle').click(function() {
  $('#elem').fadeToggle(1000);
});