slideDown sur div

Bonjour,

J'essaie de faire un slideDown sur une card mais cela ne fonctionne pas:

Code:

---

1 2 3 4 5 6 7

<div id=\"card_1\" class=\"card\"> <div class=\"card-content red white-text col s12 m12 l4\"> <i class=\"material-icons left\">report_problem</i> Le type d'image (<b>.".$image_ext."</b>) n'est pas valide. Seules les extensions .png, .jpg, .jpeg, et .gif sont autorisées ! </div> </div>

---

Code:

---

1 2 3 4

$( document ).ready(function () { $("#card_1").slideDown(); });

---

Je vous remercie de votre aide.

a-tu un display:none; appliqué au div id="card" au niveau du css ?

https://jsfiddle.net/kv5j9uxb/

Ca fonctionne bien avec onClick ou avec animate mais je demande pourquoi cela ne fonctionne pas avec slideDown.
Cela ne donne pas le même effet puisque je souhaite que cela se fasse au chargement de la page et avec animate, cela déborde.