Positionnement de l'expansion de la boîte d'effondrement à partir d'une cellule de table avec jquery

Question

Ma question est de savoir si quelqu'un sait comment réaliser l'effet de la création d'une table coulissante à partir de sans avoir à étendre la table entière.

Il a aussi glisser indépendamment de l'emplacement de cette ligne particulière au-dessus de la table, donc trop parler

sinon il semble laid comme vous pouvez le voir my page (cliquez sur la première ligne) I J'ai placé la div à l'intérieur de la cellule là

Je pense que j'ai aussi trouvé la position de la table et la positionne dessus, mais Je ne sais pas encore comment faire.

c'est le code utilisé pour la I diapositive:

$(".reg_info_body").hide(); 
$(".reg_info").toggle(function(){ 
$(this).children(".reg_info_body").slideDown(100); 
}, function(){ 
$(this).children(".reg_info_body").slideUp(300); 
}); 

merci, Richard

Answer 1

Si vous utilisez css vertical-align: top; les cellules de cette table résout-elle votre problème?

Answer 2

simplement l'ajouter à votre style vient div:

position: fixed; largeur: 400px;

.reg_info_body { 
background-color:#F4F4F8; 
height:200px; 
padding:5px 10px 15px; 
position:fixed; 
width:400px; 
z-index:100; 
} 

dans FF-Tested Firebug

---

mieux encore si vous voulez afficher des notes ou informations à l'utilisateur sur l'utilisation du champ jQuery Beauty Tip plugin. C'est fantastique et je l'utilise dans mon projet :)