Nested Repeater expand/collaps using JQuery not working
<p>two level nested repeater
example of result</p>

<p>Skill Category 1<br>
  Skill 1<br>
  Skill 2<br>
  Skill 3<br>
Skill Category 2<br>
  Skill 1<br>
  Skill 2  </p>

<pre><code>and here is my Jquery
&lt;script type="text/javascript"&gt;
    $(document).ready(function()
    {
        $(".expandhideContents").hide();


        $(".expandhideHeader").click(function()
        {
            $(this).next(".expandhideContents").slideToggle("fast"); 

        });
    });
</code></pre>

<p>my problem is that when i click the Skill Category 1, only one item inside of child repeater toggled, how can i make all item in the category i click expand or collaps?</p>

<p>Here is my html code:  </p>

<pre><code> &lt;asp:Repeater ID="repeaterSkillCategory" runat="server" EnableViewState="true"&gt;
        &lt;ItemTemplate&gt;
            &lt;tr class="expandhideHeader"&gt;
            &lt;td width="500px"&gt; 
                &lt;asp:Label Font-Bold="true" ID="skillTypeName" runat="server" Text= &lt;%#DataBinder.Eval(Container.DataItem,"SkillTypeName") %&gt;&gt;&lt;/asp:Label&gt;
                &lt;/td&gt;
                &lt;td&gt;&lt;/td&gt;
                &lt;/tr&gt;
                &lt;asp:Repeater ID="repeaterSkills" runat="server" EnableViewState="true"  &gt;
                    &lt;ItemTemplate &gt;

                        &lt;tr class="expandhideContents"&gt;
                        &lt;td &gt;&lt;div class="gbl-FormField candidate-Skills" &gt;
                            &lt;asp:HiddenField ID="hfSkillID" runat="server" Value=&lt;%# DataBinder.Eval(Container.DataItem, "SkillID") %&gt; /&gt;
                            &lt;asp:Label ID="lblSkill" runat="server" Text= &lt;%# DataBinder.Eval(Container.DataItem, "SkillName") %&gt; /&gt;&lt;/div&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;div class="gbl-TextBoxField"&gt;&lt;asp:TextBox ID="txtMonthsExperience" runat="server" Width="50px"&gt;&lt;/asp:TextBox&gt;&lt;span class="gbl-FormValidator"&gt;
                            &lt;asp:RegularExpressionValidator ID="revMonthsExperience" runat="server" ErrorMessage="Value must be a whole number." ControlToValidate="txtMonthsExperience" Display="Dynamic" SetFocusOnError="True" ValidationExpression="^\d+$"&gt;&lt;/asp:RegularExpressionValidator&gt;&lt;/span&gt;&lt;/div&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;/div&gt;
                    &lt;/ItemTemplate&gt;
                &lt;/asp:Repeater&gt; 


         &lt;/ItemTemplate&gt;

    &lt;/asp:Repeater&gt;
</code></pre>
