jquery slideToggle奇怪的效果

标签 jquery html slidetoggle

这是我为解释这种情况而创建的代码示例。 它工作得很好,但是当它切换到隐藏 tbody 时,它会产生一种奇怪的效果(首先将 tbody 扩大三到四倍,然后它直接塌陷,当它向下滑动时它也会直接塌陷).

滑下对我来说不是问题,但折叠时是问题。

你能帮帮我吗?

谢谢

代码。

<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>

最佳答案

嘿,你要应用css

position: relative; 

到你的 table ,这应该可以解决问题。

所以在你的情况下,它会是

.tblGeneral { position: relative; }

关于jquery slideToggle奇怪的效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2401065/

相关文章:

javascript - 我可以在不影响下面所有模块的情况下切换 float 模块吗?

jQuery Chosen 在使用 knockout js 时不会更新选择选项

html - 分层 iframe 和视频

javascript - 如何检测子页面中打开的打印预览模式?

javascript - 动画高度切换以了解更多/更少

javascript - JQuery slideToggle超时

php - 服务器抛出异常,客户端误解为成功

javascript - jQuery 字符串使用 split() 方法在空格后拆分字符串

jquery parent /最近的不工作

html - 我可以将 HTML 嵌入到 HTML5 SVG 片段中吗?