Create Multi Level Menu

[kuldevbhasin]

hi i have a page which displays the menu from database it has 2 levels 1 main head and second action.
but now i need to make 1 more level
for e.g.
Masters
Attendance Related
Daily Attendance
Leave Details
Employee Master
......
Reports
Attendance
Leave Details
and so on.

what i am doing is as below :

<asp:Repeater ID="rptCategories" runat="server" OnItemDataBound="rptMenu_OnItemBound">
                        <ItemTemplate>
                            <li data-toggle="collapse" data-target='#<%#Eval("InnerHtml") %>' class="menu-title">
                                <li data-toggle="collapse" data-target='#<%#Eval("InnerHtml") %>' class="menu-title">
                                    <a href='<%#Eval("Url") %>' style="font-size: medium" >
                                       <i class='<%#Eval("CssFont") %>'></i>
                                        <span class="menu-title"><%#Eval("InnerHtml")%></span>
                                        <span class="arrow"></span><span class="arrow"></span>
                                    </a> 
                                </li>
                                <div class="icon-bg bg-pink"></div>
                                <asp:Literal ID="ltrlSubMenu" runat="server" ></asp:Literal>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>

 Menus = GetData("SELECT [MainID], [ParentId], [InnerHtml], [InnerHtml], [Url],[CssFont] FROM [MenuList] WHERE LoginType = 'Admin' Order By MyOrder")
        Dim view As New DataView(Menus)
        view.RowFilter = "ParentId=0"
        Me.rptCategories.DataSource = view
        Me.rptCategories.DataBind()

i have tried a lot but am totally puzzled as to how to make a multi level menu.
pls. guide
thanks in advance