JQuery .slideToggleはテーブル上でスムーズではありません

Question

外部からのデータを含む外部テーブルの内部に内部テーブルがあります。私はそれを隠すことを決め、ユーザーが「Expand」ボタンを押すだけを表示することに決めました。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<table class="partsTable"> 

    <tr> 

    <td class="sideForPartsTable" width="5%"> 
     <button class="expandButton">Expand button</button> 
    </td> 
    <td class="sideForPartsTable">Title + sum1 + sum2</td> 
    <td class="sideForPartsTable" width="5%">edit</td> 
    <td class="sideForPartsTable" width="5%">remove</td> 

    </tr> 

    <tr> 
    <td> 
     <table class="partTableContent"> 
     <tr> 
      <td> Test1 </td> 
     </tr> 
     <tr> 
      <td> Test2 </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 

</table> 

しかし、このアクションのアニメーションがまだ十分とは言えない：私は、HTML、この

$(document).ready(function() { 
    $('.partTableContent').hide(); 
    $('.expandButton').click(function() { 
    // .parent() selects the A tag, .next() selects the P tag 
    $(this).closest('tr').next(' tr').find('table').slideToggle(200); 
    }); 
}); 

のようにjQueryのslideToggle機能を使用してそれをやりました。隠されたコンテンツのポップアップは、スムーズなアニメーションを伴わないインスタント的なものです。私は.slideToggleの中で 'slow'を使ってテーブルの幅を変更しようとしました。しかし、それは動作しませんでした。何か案は？

Answer 1

内部テーブルを<div>の内側に置き、その部門にそのクラスを与えますclass="partTableContent"。その後

<table class="partsTable"> 

    <tr> 

     <td class="sideForPartsTable" width="5%"> 
      <button class="expandButton">Expand button</button> 
     </td> 
     <td class="sideForPartsTable">Title + sum1 + sum2</td> 
     <td class="sideForPartsTable" width="5%">edit</td> 
     <td class="sideForPartsTable" width="5%">remove</td> 

    </tr> 

    <tr> 
     <td> 
      <div class="partTableContent"> 
       <table> 
        <tr> 
         <td> Test1 </td> 
        </tr> 
        <tr> 
         <td> Test2 </td> 
        </tr> 
       </table> 
      </div> 
     </td> 
    </tr> 

</table> 

、 `.slideToggle（200、「リニア、緩和パラメータで試す

$(this).closest('tr').next(' tr').find('table').slideToggle(200); 

$('.partTableContent').slideToggle(200); 

へ Working Fiddle