2010-03-08 116 views
2

這是我爲解釋情況而創建的代碼示例。 它工作的很好,但是當它切換到隱藏tbody時,它會產生疏遠效果(首先將tbody擴展三倍或四倍以上,然後直接塌陷,當它滑落時,它也會直接遠)。jquery slideToggle奇怪的效果

向下滑動對我來說不是問題,但是當它崩潰時。

你可以幫忙嗎?

謝謝

代碼。

<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

哪種瀏覽器? FF和Chrome在這裏工作正常 – 2010-03-08 12:28:47

+0

我使用IE7,對於遲到的回覆感到抱歉。 – Amra 2010-03-08 12:35:23

+0

這裏也是IE7的作品,其他的東西看起來像 – 2010-03-08 12:38:51

回答

2

嘿,你想申請的CSS

position: relative; 

你的表,應該解決這個問題。

所以你的情況,這將是

.tblGeneral { position: relative; }