如何使用jQuery顯示在表中隱藏行？

Question

我有這個表：

<table style="cursor: pointer; width: 100%"> 
         <tr> 
          <td rowspan="4"> 
           <asp:Image ID="Image1" ImageUrl="~/Images/pushpinred.png" runat="server" Width="32" 
            Height="32" /></td> 
         </tr> 
         <tr> 
          <td></td> 
          <td></td> 
          <td></td> 
          <td rowspan="7"> 
           <input type="button" id="btnToggleRow" value="B" style="height: 30px; position: relative; float: left;" /> 
          </td> 
         </tr> 
         <tr class="textDesc"> 
          <td>text:</td> 
          <td rowspan="4"> 
           <h1 style="color: gray"><%# Eval("Text") %></h1> 
          </td> 
         </tr> 
         <tr class="hidden"> 
          <td>text:</td> 
          <td><%# Eval("Text") %></td> 
         </tr> 
         <tr class="hidden"> 
          <td>X:</td> 
          <td><%# Eval("Lon") %></td> 
         </tr> 
         <tr class="hidden"> 
          <td>Y:</td> 
          <td><%# Eval("Lat") %></td> 
         </tr> 
         <tr> 
        </table> 

，這裏是jQuery的，我嘗試使用：

 $('.toggleRow').on('click', function() { 



      return false; 
     }); 

這怎麼看起來鑑於：

，你可以看它是表格，每行有3個元素圖片文字和按鈕。我也有隱藏表中的行。

當按鈕B clicked我需要上面解僱的jQuery功能。

內部函數我需要獲取所有隱藏的行並使它們可見並使具有textDesc類的隱形行。

我該如何實現它？

Answer 1

你有jquery功能.show(); , .hide(); , .toggle();這確實會做你認爲的。

將它們附加到要顯示/隱藏的元素。

例如：

$('.toggleRow').click(function(){ 
    $('.toggleRow').toggle(); 
});