Metodo fadeToggle in jQuery

Il metodo fadeToggle funziona in modo analogo al metodo slideToggle, anche esso implementa l'alternanza degli effetti: ora mostra l'elemento, ora lo nasconde.

Ad esempio, possiamo, cliccando sullo stesso pulsante sia mostrare che nascondere un elemento. Implementiamo questo metodo sul seguente codice HTML:

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

Lascia che il CSS appaia così:

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

Scriviamo il seguente codice Javascript:

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