Il metodo toggle() alterna tra i metodi tra hide() e show().
Sintassi
$(selector).toggle(speed,easing,callback)
- Speed: Facoltativo. Specifica la velocità dell'animazione. Il valore di default è 400 millisecondi. Valori ammessi:
-
- N° millisecondi
- "slow"
- "fast"
- Easing: Specifica la velocità dell'elemento in diversi punti dell'animazione. Valori ammessi:
-
- " Swing" - si muove più lentamente all'inizio e alla fine, e più velocemente nel mezzo
- " Lineare" - muove a velocità costante
- Callback: opzionale, una funzione che può essere lanciata alla fine dell’animazione.
Esempio
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").toggle();
});
});
</script>
<button>Toggle</button>
<div style="height:200px;width:200px;background-color:yellow"></div>