ขอสอบถามเรื่องการติ๊ก checkbox แล้วให้ show/hide ข้อมูลค่ะ

function ck_frm(index){ // รับ index เข้ามา
var ck = document.getElementById('ckk'+index);
if(ck.checked == true){
document.getElementById('detailsolution'+index).style.display = "";
}else{
document.getElementById('detailsolution'+index).style.display = "none";
}
}

<input type="checkbox" name="ckk" id="ckk" onClick="ck_frm(<?=$i?>);" /> // checkbox

<td name="detailsolution" id="detailsolution<?=$i?>" style="display:none;"  //element

function ck_frm(index){ // รับ index เข้ามา
    var ck = document.getElementById('ckk'+index);
    if(ck.checked == true){
    document.getElementById('detailsolution'+index).style.display = "";
    }else{
    document.getElementById('detailsolution'+index).style.display = "none";
    }
}

<?php include 'Connection.php'; 
               
                        $sqlSolution = "SELECT *  FROM dbo.TISS_SOLUTIONMS" ;
                        $params = array();
                        $options =  array( "Scrollable" => SQLSRV_CURSOR_KEYSET );
                        $querySolution = sqlsrv_query($Conn,$sqlSolution, $params, $options);
                        $numrow = sqlsrv_num_rows($querySolution);
                        $i=0;
                        while($i<$numrow) { 
                            $result = sqlsrv_fetch_array($querySolution);
                            
                        $solutionname = $result['solution_name'];
                        $ref1 = $result['solution_ref1'];
                        $ref2 = $result['solution_ref2'];
                        $ref3 = $result['solution_ref3'];
                        $ref4 = $result['solution_ref4'];
                        $ref5 = $result['solution_ref5'];
                        
                ?>
                
                
                <tr>
                    <td>
                        <div style="margin:0 0 0px 120px;font-weight:bold;">
                        <input type="checkbox" name="ckk" id="ckk" onClick="ck_frm(<?php echo $i?>);" />
                        <label size="2px" font-weight="bold"><?php echo $solutionname;?></label><br/>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td name="detailsolution" id="detailsolution<?php echo $i?>" style="display:none;">
                        <div style="margin:0 0 0px 150px;">
                            <table>
                                <tr>
                                    <td><font size="2px"><?php echo $ref1;?></font></td>
                                    <td><input name="frm_txt" id="frm_txt" class="loginform_detailsoln" /></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref2;?></font></td>
                                    <td><input type="file" name="ckk" id="ckk" class="loginform_detailsoln"/></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref3;?></font></td>
                                    <td><input name="ckk" id="ckk" class="loginform_detailsoln"/></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref4;?></font></td>
                                    <td><input name="ckk" id="ckk" class="loginform_detailsoln"/></td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
                <?php $i++;} ?>