<div style="color: White; border: 1px solid Red; text-align: center;">
        <%--<a href="BackstageMain.aspx" target="right">右边显示内容</a>--%>
        
            <div id="aa"><a href="#">haha </a></div>
        <asp:Repeater runat="server" ID="Repeater1">
            <ItemTemplate>
                <ul>
                    <li><a href="#">
                        <%#Eval("Title")%></a></li>
                </ul>
            </ItemTemplate>
        </asp:Repeater>
    </div>

上面红色的地方是我随便弄的一个父节点，下面红色地方是我绑定的子节点，我想做的效果就是点开父节点“haha”，字节点展开，之前子节点是隐藏的，请问怎么写JS，谢谢！

比如：

第一菜单

第二菜单

第三菜单

第四菜单

上面是刚进入页面的效果

第一菜单

第一菜单1

第一菜单2

第一菜单3

第二菜单

第三菜单

第四菜单

这是点击第一菜单后的效果

请帮下忙谢谢！新手！