EFFET : slideUp partiel sur une div ?

Bonjour je cherche a faire un slideUp sur une div mais pas cacher la div totalement mais faire un slide sur par exemple 500px max de hauteur.

Merci!

Bonjour.

Exemple :

Code:

---

$("#conteneur").animate({"height":"-=500px"},2000);

---

Parfait

J'ai presque réussi mais pas totalement je veux réduire la div de 80% (ca marche) mais je veux cacher excédent

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function overflow(divCible){ document.getElementById(divCible).style.overflow="hidden"; }     function cacher(divCible) { var test =document.getElementById(divCible).offsetHeight; test=test*0.8;   $("#"+divCible).animate( {"height": "-="+test+"px"}, {"callback":"overflow("+divCible+")"} ,1500 ); }

---

Mais le callback n'est pas pris en compte, j'ai éssayé pas mal de syntaxe rien n'y fait.

Une idée ?

Merci d'avance

Bonsoir.

Je m'étais basé sur votre demande pour 500px max.

Effectivement, les % semblent poser problème, mais :

Code:

---

1 2 3

var pourcent = parseInt($("#conteneur").css("height"))*0.80;   $("#conteneur").animate({"height":"-=" + pourcent + "px"},2000);

---