행에 숨겨진 열 데이터 전환

Question

내 HTML 테이블에 두 개의 숨겨진 열이 있습니다. 숨겨진 행을 사용하려고했는데 전환 기능이 뛰어 났지만 내 행 수가 엉망이되었습니다. 숨겨진 열을 토글하고 싶습니다. 표시된 행 아래의 행에있는 데이터. 내 현재 상태는 실제로 토글하고 있지만 테이블의 다음 행을 다룹니다.

다음 행을 숨기지 않고 숨겨진 열 데이터를 토글하는 클릭 된 행 아래에 임시 임시 행을 만드는 방법이 있습니까?

어떤 도움을 주시면 감사합니다 :) 이것은 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> 
    "; 
} 
} 

입니다 :

당신은 왜 숨겨진 행을 (각 보이는 행 다음에) 만들지 않습니까? 첫 번째 행을 가리키면 표시 할 열을 표시 할 수 있습니까?

두 번째 솔루션 :

장소 사업부에서 숨겨진 데이터 및 사업부에 기재된 자료. 두 요소 모두 td 요소의 하위 요소라고합시다. 숨겨진 div가 표시되면 tr 높이가 조정됩니다.