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:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Lascia che il CSS appaia così:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Scriviamo il seguente codice Javascript:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
