Asp.net: Repeater с JQuery вопросом слайдера

Question

Я работаю над проектом asp.net с осиной: Repeater для отображения данных из базы данных и 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.