Toggle rows created using Repeater Control ASP.NET
<p>I am creating a list of data using Repeater Control. Some of the rows might have other rows that should be toggled using the main row's clickable image.
<br/><br/>
Here, is the HTML part</p>

<pre><code>&lt;table cellpadding="2" cellspacing="0" width="100%"&gt;
                &lt;asp:Repeater ID="repeatLockers" runat="Server"&gt;
                    &lt;HeaderTemplate&gt;
                        &lt;tr&gt;
   &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                            &lt;td&gt;A&lt;/td&gt;
                        &lt;/tr&gt;
                    &lt;/HeaderTemplate&gt;
                    &lt;ItemTemplate&gt;
                        &lt;tr id="trItem" class="SomeParentClass" runat="server"&gt;
                            &lt;td&gt;
                                &lt;img id="imgToggleHomeInfo" runat="server" alt="show/hide repetitves" src="icon_plus.gif"
                                    style="cursor: pointer" /&gt;
                            &lt;/td&gt;
                            &lt;td&gt;
                                &lt;asp:Label ID="lbl" runat="server"&gt;&lt;/asp:Label&gt;
                            &lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;tr id="trAddOnFee" runat="server" class="SomeClass" style="display: none;"&gt;
                            &lt;td colspan="2"&gt;
                                &lt;table cellpadding="4" cellspacing="2" width="100%"&gt;
                                    &lt;tr&gt;
                                        &lt;td class="DgHeader"&gt;A&lt;/td&gt;
                                        &lt;td class="DgHeader"&gt;B&lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;asp:Repeater ID="repeatRepetitives" runat="server"&gt;
                                        &lt;ItemTemplate&gt;
                                            &lt;tr&gt;
                                                &lt;td&gt;
                                                    &lt;asp:Label ID="lblA" runat="server"&gt;&lt;/asp:Label&gt;
                                                &lt;/td&gt;
                                                &lt;td align="right"&gt; 
                                                    &lt;asp:Label ID="lblB" runat="server"&gt;&lt;/asp:Label&gt;
                                                &lt;/td&gt;
                                            &lt;/tr&gt;
                                        &lt;/ItemTemplate&gt;
                                    &lt;/asp:Repeater&gt;
                                &lt;/table&gt;
                            &lt;/td&gt;
                        &lt;/tr&gt;
                    &lt;/ItemTemplate&gt;
                &lt;/asp:Repeater&gt;
            &lt;/table&gt;
</code></pre>

<p>How could I toggle the Rows with class as "SomeClass" inside on click of imgToggleHomeInfo" image on its parent row using Jquery?</p>
