jquery - slideToggle不顺利

Question

我的slideToggle功能有问题jQuery.它根本不光滑.每当我点击"查看更多"按钮时,应该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>

我读过文章"动画跳转 - 快速提示",但我认为这不是问题所在.因为我没有指定任何margin或padding应该的内容slideToggle.

在此先感谢您的帮助.

Answer 1

表行似乎没有滑动.您应该尝试使用DIV来找到解决方法.它们滑动和动画效果更好.您还可以将内容包装到div中,然后滑动它？也许那会推动桌子排模仿幻灯片.