Bonjour j'ai un problème pour animer un tableau html en le déroulant, voici le code html :

<TABLE class="convers">
  <TR>
    echo"<TD class='pseudo'> PSEUDO </TD>"
  </TR>
  <TR>
 <TD class="corps"> Msg<br/> Msg<br/>Msg<br/>Msg<br/>Msg<br/>Msg<br/>Msg<br/>Msg<br/>Msg<br/>Msg<br/>Msg<br/>Msg<br/></TD>
 <TD class="txt"><input type="text" class="msg" /></TD>
  </TR>
</TABLE>

et le jquery correspondant :

$(function(){ 
 
$('.pseudo') 
    .mouseenter(function(){ 
        $(this + ".corps").stop().animate({ 
            height: 100
        },100);  
    }) 
    .mouseleave(function(){ 
        $(this + ".corps").stop().animate({ 
            height: 0
        },100); 
    }) ;

Par exemple j'ai 3 tableaux exactement avec la meme structure, je voudrais que lorsque la souris passe sur le pseudo, le champ message correspondant a ce tableau se deroule et se referme lorsque la souris sort du pseudo.
Merci pour votre aide

$(this).parent('tr').next('tr').find('.corps') ?

Oui ca marche merci bcp !!

Par contre j'ai une autre petite question sur le css, je n'arrive pas a mettre le td.flow en overflow : auto, on voit seulement la barre de défilement quand le tableau se déroule mais a la fin de l'animation la barre de défilement disparait.

J'ai essayé ce code mais ca ne marche pas :

.click(function(){
$(this).parent('tr').next('tr').find('.corps').stop().animate({ 
    height: 120
},500,function(){$(this).parent('tr').next('tr').find('.corps').css('overflow','auto'});

Je ne suis pas sûr de bien saisir le problème... Aurais-tu un exemple online ?

Ou à défaut un code HTML et CSS, sur lequel tester ce code et constater ton problème ?

http://richardduchin.free.fr/chat.php

Login et mdp : test.

Quand je clique sur le pseudo, le tableau se déroule bien avec la barre de défilement mais elle disparait a la fin de l'animation.

Hm... Mais c'est le principe même de l'overflow "auto" de n'afficher la barre que quand il y a du contenu à faire défiler. Je saisis pas le problème.

Non rien c'est bon j'ai finalement réussi