Manuale jQuery

Il metodo slideToggle( ) alterna tra i metodi slideUp() e slideDown() per gli elementi selezionati

Sintassi

$(selector).slideToggle(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.

<script>
$(document).ready(function(){
	$("#visibile").click(function(){
		$("#nascosto").slideToggle(1000);
	});
});
</script>
<div id="visibile" style="height:50px;width:200px;background-color:orange"></div>
<div id="nascosto" style="height:200px;width:200px;background-color:yellow;display:none"></div>
<div id="visibile" style="height:50px;width:200px;background-color:red"></div>