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树向上遍历通过它的祖先选择相匹配的第一个元素。