jquery - slide Toggle smooth not

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にコンテンツをラップし、スライドすることができますか？たぶんそれはスライドを模倣するためにテーブルの行をプッシュします。

Answer 2

テーブル行にslideToggleを実行しています。テーブルの行は、いくつかのCSSでうまく再生されません。これは場合によっては滑らず、最終的に見えるときに現れることを意味します。