javascript - 如何将 slideToggle 功能应用于 jquery insertAfter 使用 jquery

Question

我有一个包含动态行的表格

<table>
 for(int i=0;i<=Modal.Count;i++)
  {
    <tr class="trList">
    <td class="tdEmpid><input type="button" value="Insert row"  class="btnInsert"/></td>
    <td><input type="text" id="Sun_Hrs' + i + '"   value="' + data.GetTimeSheetDetails[i].SUN_HRS + '" style = "width:50px;border: 0px;background-color: white;text-align: left;" readonly="true"/></td>
    <td><input type="text" id="Mon_Hrs' + i + '"   value="' + data.GetTimeSheetDetails[i].MON_HRS + '" style = "width:50px;border: 0px;background-color: white;text-align: left;" readonly="true"/></td>
    <td><input type="text" id="Tue_Hrs' + i + '"   value="' + data.GetTimeSheetDetails[i].TUE_HRS + '" style = "width:50px;border: 0px;background-color: white;text-align: left;" readonly="true"/></td>;
        ..........
        ..........                                                                
    </tr>
   }

现在，我想将按钮所在的行动态添加到单击按钮的下一行，为此我编写了 jquery 代码

 $(document).ready(function(){
    $('.btnInsert').live('click',function(){
        var html = '<tr class="trNeedTimesheet"><td></td><td></td></td><td><p style="background-color:white;">--  Need To Enter TImesheetHours</b> -------</p></td></tr>';
        $("" + html + "").insertAfter($(this).parent('td.tdEmpId').parent('tr.trList')); 
    });
 });

它不仅是添加，而且应该像 slidetoggle 功能一样插入和工作。我怎样才能做到这一点？

Answer 1

parent()不接受参数但parents()做。

改变这一行

$("" + html + "").insertAfter($(this).parent('td.tdEmpId').parent('tr.trList')); 

到

$("" + html + "").insertAfter($(this).parents('tr.trList')); 

Demo

编辑:更新切换功能。

jQuery :

$(document).on('click','.btnInsert', function(){
    var $nextTr =  $(this).parents('tr.trList').next();
    var newTrExist =$nextTr.hasClass('newTr');
 if(newTrExist)
 {
   $nextTr.toggle();  
 }
 else
 {      
       var html = '<tr class="newTr trNeedTimesheet"><td></td><td></td></td><td><p style="background-color:white;">--  Need To Enter TImesheetHours</b> -------</p></td></tr>';
       $(html).insertAfter($(this).parents('tr.trList'));
 }

});

已更新 Demo :