javascript - jquery - slideToggle 不流畅

Question

我对 jQuery 中的 slideToggle 函数有疑问。它一点也不光滑。每当我单击“查看更多”按钮时，应该 slideToggle 的内容就会弹出，但没有任何效果。

这是 HTML 代码:

<td class="third">
   <a href="javascript:void(0)" class="btn btn-primary upgrade1">See More</a>
</td>                           

<tr class="see_more" id="see_more">
      <td colspan="3" class="see_more_content">Hello! How are you doing</td>
</tr>

这是 CSS:

.third{
    text-align:right;
    padding-right:10px;
}
.see_more{
    display:none;

}
.see_more_content{
    text-align:center;
}

最后，javascript:

 <script type="text/javascript">
             $(document).ready(function(){ 
                 $(".upgrade1").click(function() {
                     $("#see_more").slideToggle("slow");
                  });  
               });
     </script>

我已经阅读了文章“动画跳跃 - 快速提示”，但我认为这不是这里的问题。因为我没有为应该 slideToggle 的内容指定任何 margin 或 padding。

预先感谢您的帮助。

Answer 1

表格行似乎没有滑动。您应该尝试使用 DIV 来找到解决方法。它们的滑动和动画效果要好得多。您还可以将内容包装到一个 div 中，然后滑动它？也许这会插入表格行模仿幻灯片。