Discussion :

[socket77]

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!

[danielhagnoul]

Bonjour.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[socket77]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[danielhagnoul]

Bonsoir.

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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