Asp.net：中繼器使用jQuery滑塊問題

Question

我的工作asp.net項目與ASP：直放站顯示來自數據庫和JQuery的數據轉換象下面這樣：

`

<asp:Repeater ID="Repeater1" runat="server" OnItemCommand="repUsers_ItemCommand"> 
         <ItemTemplate> 
          <div class=" col-md-3 col-sm-4"> 
           <div class="thumbnail"> 
            <asp:Image ID="Image1" ImageUrl='<%#Eval("Imgpath") %>' hieght="100" Width="300" runat="server" /> 
          <div class="caption"> 
           <h3>Product Name</h3> 
          <div class="slideDown"> 
           <h5>Student Name:</h5> 
           <h5>Description</h5> 
           <h5>Contact:</h5> 
          </div> 
            <p> 
             <asp:LinkButton ID="LinkButton1" CommandArgument='<%#Eval("Imgid")%>' CommandName="select" 
              Text="Select" class="btn btn-primary grabPromo" runat="server"></asp:LinkButton></a> 
             <a class="btn btn-danger grabPromo" role="button">See Details</a> 
            </p> 
          </div> 
         </div> 
       </div> 
      </ItemTemplate> 
</asp:Repeater> 

`

Jquery的用於滑動

`

$('.grabPromo').click(function (e) { 
       $('.slideDown').slideToggle(); 
      }); 

`

現在的問題是，如果點擊一個div的「查看詳細信息」按鈕，它將滑下中繼器中的所有內容。我想一次僅滑動一格一格的內容。是可以做到的嗎？如果是這樣，請指導我完成。 all the details are shown on click of one repeater content

Answer 1

你需要改變這一行：

$('.slideDown').slideToggle(); 

到：

$(this).closest('div.caption').find('.slideDown').slideToggle(); 

說明：獲得最接近div.caption元素，然後找到相應的了slideDown孩子。

相反，$（ '了slideDown'）發現與該類每個元素。

jQuery.closest()：

對於組中的每一個元素，獲取通過測試元件本身和DOM樹向上遍歷通過它的祖先選擇相匹配的第一個元素。