非表示の列データを行に切り替えます

Question

私のHTMLテーブルに2つの非表示の列があります（非表示の行を使用しようとしましたが、トグルがうまく機能しましたが、行数が乱れていました） 非表示の列表示されている行の下の行のデータ。 私の現在の状態は本当にトグルですが、テーブルの次の行をカバーしています。

次の行を隠すことなく非表示の列データを切り替えるクリックされた行の下に配置される一時的な新しい行を作成する方法はありますか？

すべてのヘルプは理解されるであろう:)これは、PHPスクリプトによって取り込まれている私のテーブルである

：

$(function() { 
$("tr").find("td[colspan=13]").hide(); 
$("table").click(function(event) { 
    if($(event.target).is('input')){ 
     return; 
    } 
    else{ 
    var $target = $(event.target); 
    $target.closest("tr").next().find("td").slideToggle(-2000); 
} 
}); 
}); 

Answer 1

まず解決策：これは私のトグル機能が

if($SELECT != false) 
{ 
while($rows = mysqli_fetch_array($SELECT)) 
{ 
    echo " 
    <tr> 
     <td><label><input type=\"checkbox\" name=\"lead\" value=\"".$rows["email"]."\" /></label></td> 
     <td>".$rows["createdTime"]."</td> 
     <td>".$rows["firstName"]."</td> 
     <td>".$rows["lastName"]."</td> 
     <td>".$rows["email"]."</td> 
     <td>".$rows["phoneNumber"]."</td> 
     <td>".$rows["country"]."</td> 
     <td>".$rows["ip"]."</td> 
     <td>".$rows["affiliate"]."</td> 
     <td>".$rows["description"]."</td> 
     <td>".$rows["broker"]."</td> 
     <td>".$rows["status"]."<br> <br> 
     Comment:<b> ".$rows["comment"]."</b></td> 
     <td>".$rows["ftd"]."</td> 

     <td colspan=\"13\"> 
     Transaction Id: ".$rows["transaction_id"]." 
     <br> 
     <br> 
     Balance: ".$rows["balance"]." 
</td> 
    "; 
} 
} 

次のとおりです。

なぜ表示されている行の後に隠れた行を作成しないのですか？表示する列。最初の行にカーソルを移動した後に表示されますか？

第二の溶液：

場所divの中に隠されたデータとdivの中に表示されるデータ。両方をtd要素の子要素とする。隠されたdivが表示された場合、trの高さはスケーリングされます。