2010-03-08 10 views
2

Voici un exemple de code que j'ai créé pour expliquer la situation. Il fonctionne bien mais quand il bascule pour cacher le tbody, il fait un effet d'estrange (d'abord il augmente le corps de trois ou quatre fois plus qu'il ne l'est et ensuite il s'effondre, et quand il glisse vers le bas il le fait aussi un moyen).jquery slideToggle effet étrange

Lorsque vous glissez vers le bas, ce n'est pas un problème pour moi, mais lorsque je l'écrase.

Pourriez-vous donner un coup de main?

Remerciements

Code.

<html> 
<head> 
<script type="text/javascript"> 
     $(function() { 
     $(".tblGeneral thead").click(function() { 
     $(this).next(".tblGeneral tbody").slideToggle("fast"); 
     }); 
     }); 
     </script> 
</head> 
<body> 
<table class="tblGeneral"> 
     <thead> 
      <tr> 
      <td colspan="2">Title</td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td class="title">Name:</td> 
      <td>Some name</td> 
     </tr> 
    </tbody> 
</table> 
</body> 
+0

Quel navigateur? Travailler bien ici en FF et Chrome –

+0

J'utilise IE7, désolé pour la réponse tardive. – Amra

+0

Fonctionne dans IE7 ici aussi, quelque chose d'autre se passe il ressemble à –

Répondre

2

Hey, vous voulez appliquer le code CSS

position: relative; 

à votre table, qui devrait résoudre le problème.

donc dans votre cas, il serait

.tblGeneral { position: relative; }