Question

这是我为解释这种情况而创建的代码示例。它工作得很好，但是当它切换到隐藏tbody时，它会产生一种异化效果（首先将t体扩大三倍或四倍，然后它会直线塌陷，当它向下滑动时它也会向下拉直）。

当向下滑动时对我来说不是问题，但是在折叠时它是。

你可以帮忙吗？

由于

代码。

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

Answer 1

嘿，你想申请css

position: relative;

到你的桌子，这应该解决问题。

所以在你的情况下，它将是

.tblGeneral { position: relative; }

jquery slideToggle奇怪的效果

1 个答案: