L’animazione jQuery slideDown () non funziona

Sto cercando di far slideDown() animazione slideDown() di jQuery, ma nel mio caso il testo che dovrebbe scorrere verso il basso , appare solo .. Come faccio a farlo apparire anche con l’animazione?

Ho provato a specificare manualmente anche la velocità, ma il risultato finale è stato lo stesso.

HTML:

  

JavaScript:

 $(function () { $("#submitBtn").click(function (event) { $(".subscribe p").html("Thanks for your interest!").slideDown({ duration: 4000 }); }); }); 

JSFiddle: http://jsfiddle.net/ahmadka/A2mmP/

Il tuo elemento p è già visualizzato quando inserisci il testo e prova a farlo scorrere verso il basso. Quindi non è necessaria alcuna animazione.

 $(function () { $("#submitBtn").click(function (event) { $(".subscribe p").hide().html("Thanks for your interest!").slideDown(4000); }); }); 

Puoi farlo avendo il contenuto nascosto all’inizio e poi semplicemente mostrandolo con la funzione slideDown :

HTML

  

CSS

 .subscribe p{ display:none; } 

jQuery

 $(function () { $("#submitBtn").click(function (event) { $(".subscribe p").slideDown({duration: 400}); }); }); 

Esempio di vita: http://jsfiddle.net/A2mmP/2/

Il tuo codice modificato

 $(function () { $("#submitBtn").click(function (event) { $(".subscribe p").html("Thanks for your interest!").hide().slideDown('400'); }); }); 

Controlla questa demo