Metoda fadeToggle w jQuery

Metoda fadeToggle działa analogicznie do metody slideToggle, również implementuje przemienność efektów: raz pokazuje element, raz go ukrywa.

Na przykład, możemy, klikając ten sam przycisk, zarówno pokazać, jak i ukryć element. Zaimplementujmy tę metodę na następującym kodzie HTML:

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

Niech CSS wygląda tak:

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

Zapisujemy następujący kod Javascript:

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