jquery - slideToggle не плавный

У меня проблема с функцией 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>

Я читал статью "Animation Jump - быстрый совет", но я не думаю, что это проблема здесь. Поскольку я не указал marginили paddingдля содержимого, которое должно slideToggle.

Заранее спасибо за помощь.