Вызов функции JQuery внутри репитера

Question

вызов функции jquery внутри ретранслятора. Проблема я хочу переключить div, когда нажимаем на ссылку. Я думаю, что не первая функция jquery с этим случаем. Я думаю, что также зонд из таблицы между div и ссылкой.

function toggleMe() { 
     $(function() { 
      $('.toggler').on('click', function (ev) { 
       $(this).next('.dataContentSection').toggle(); 
      }); 
     }); 
     } 

<div id="repeater"><div class="dataContentSection"> 
    <div>Name</div> 
</div> 

     <table> 
      <tr> 
       <td> 
        <asp:LinkButton class="titleText toggler" OnClientClick="javascript:toggleMe(); return false;" runat="server">+ Address details</asp:LinkButton> 

        <asp:Label ID="Label1" runat="server" Text="Welcome"></asp:Label> 

       </td> 
      </tr> 
     </table> 
<div class="dataContentSection" style="display: none;"> 
    <div>Address Line 1:</div> 
    <div>Address Line 2:</div> 
    <div>Address Line 3:</div> 
</div> 
<div class="dataContentSection"> 
    <div>Name</div> 
</div> 
     <table> 
      <tr> 
       <td> 
        <asp:LinkButton class="titleText toggler" OnClientClick="javascript:toggleMe(); return false;" runat="server">+ Address details</asp:LinkButton> 

        <asp:Label ID="Label2" runat="server" Text="Welcome"></asp:Label> 

       </td> 
      </tr> 
     </table> 
<div class="dataContentSection" style="display: none;"> 
    <div>Address Line 1:</div> 
    <div>Address Line 2:</div> 
    <div>Address Line 3:</div> 
</div> 
<div class="dataContentSection"> 
    <div>Name</div> 
</div> 
     <table> 
      <tr> 
       <td> 
        <asp:LinkButton class="titleText toggler" OnClientClick="javascript:toggleMe(); return false;" runat="server">+ Address details</asp:LinkButton> 

        <asp:Label ID="Label3" runat="server" Text="Welcome"></asp:Label> 

       </td> 
      </tr> 
     </table> 
<div class="dataContentSection" style="display: none;"> 
    <div>Address Line 1:</div> 
    <div>Address Line 2:</div> 
    <div>Address Line 3:</div> 
</div> 
<div class="dataContentSection"> 
    <div>Name</div> 
</div> 
     <table> 
      <tr> 
       <td> 
        <asp:LinkButton class="titleText toggler" OnClientClick="javascript:toggleMe(); return false;" runat="server">+ Address details</asp:LinkButton> 

        <asp:Label ID="Label4" runat="server" Text="Welcome"></asp:Label> 

       </td> 
      </tr> 
     </table> 
<div class="dataContentSection" style="display: none;"> 
    <div>Address Line 1:</div> 
    <div>Address Line 2:</div> 
    <div>Address Line 3:</div> 
</div> 
<div class="dataContentSection"> 
    <div>Name</div> 
</div> 
     <table> 
      <tr> 
       <td> 
        <asp:LinkButton class="titleText toggler" OnClientClick="javascript:toggleMe(); return false;" runat="server">+ Address details</asp:LinkButton> 

        <asp:Label ID="Label5" runat="server" Text="Welcome"></asp:Label> 

       </td> 
      </tr> 
     </table> 
<div class="dataContentSection" style="display: none;"> 
    <div>Address Line 1:</div> 
    <div>Address Line 2:</div> 
    <div>Address Line 3:</div> 
</div> 
</div> 

Answer 1

Проблема была toggleMe() функция. Если вы хотите, переключаясь в DIV, что вам нужно сделать что-то вроде этого: -

$(function() { 
     $('.toggler').click(function (ev) { 
      $(".dataContentSection").toggle(); 
      $(this).next('.dataContentSection').toggle(); 
     }); 
    }); 

Надеется, что это помогает.