Has anyone managed to make a vertical accordion menu out of a databound asp:menu object?

Has anyone managed to make a vertical accordion menu out of a databound asp:menu object?

Has anyone managed to make a vertical accordion menu out of a databound asp:menu object?

I would like to simply format the asp:menu object so that it does vertical accordion as a drill-down rather than fly-to-the-right with each drill-down.
  • My page is asp.net with a databound asp:menu control, bound to a sitemapdatasource
  • The implication is that while the menu renders as a set of embedded UL lists, this is not a manually generated and updated list, as I see in ALL examples on the internet.
Here is a source code of the asp.net page, with important information redacted. I have highlighted the relevant sections of code.

Thank you for any possible help with this question. 

<%@ Page Title="Redacted" Language="VB" MasterPageFile="~/MasterPage.master" %>

<script runat="server">
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <meta charset="utf-8" />    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <h2>Sample Page</h2>

    <p>Typical content goes here.</p>

<%--
   The menu is bound to the sitemapdatasource. 
   Making a manual UL that I need to update as the sitemap changes is not feasible.
   I need to be able to adapt the menu control so that it is a vertical accordion menu.
--%>    
 <asp:SiteMapDataSource ID="sdsSitemap" runat="server" /> <asp:Menu ID="Menu1" runat="server" DataSourceID="sdsSitemap"></asp:Menu>
</asp:Content>