Any chance of enhancing the menus ?

ie. Most skins have a tab/menu across the top with submenus in the left panel.

It would be nice if:

1) The top menu allowed dropdowns (like suckerfish in Joomla)

2) The submenus in the left panel had accordian effects (again from joomla/artisteer 2.4beta)

This may be possible via css ? And the current design ? Maybe using <div class="mojo-accordion"> in the submenu ?

A simple example of how it could be done would be nice...

Thanks.

///
/// jQueryAccordionMenu WebControl
///
/// Quick Hack to see if I can wrap the jQueryAccordian into a menu... 
/// Sort of works.. (add Web.config tag details, then hack the layout.master)
/// 
/// Ugly stuff... No knowledge of current page, no layout controls, doesn't work if no PageMenu is in layout.master.
///
///

using System.Web;
using System.Collections;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace mojoPortal.Web.UI
{
public class jQueryAccordionMenu : WebControl
{
private void RenderMenu(HtmlTextWriter writer, SiteMapNodeCollection startNode)
{
writer.Write("<div class='mojo-accordion'>");

foreach (SiteMapNode node in startNode)
{
string cleanURL = node.Url.StartsWith("~/") ? node.Url.Replace("~/", "/") : node.Url;

writer.Write(string.Format("<ul><a href='{0}'>{1}</a></ul><div>", cleanURL, node.Title));
foreach (SiteMapNode childNode in node.ChildNodes)
{
if (childNode.HasChildNodes)
{
RenderMenu(writer, childNode.ParentNode.ChildNodes);
break;
}
else
{
string cleanChildURL = childNode.Url.StartsWith("~/") ? childNode.Url.Replace("~/", "/") : childNode.Url;
writer.Write(string.Format("<li class='jQueryAccordionMenu-Leaf'><a href='{0}'>{1}</a><li>", cleanChildURL, childNode.Title));
}
}
writer.Write("</div>");
}

writer.Write("</div>");

}
protected override void Render(HtmlTextWriter writer)
{
RenderMenu(writer, SiteMap.RootNode.ChildNodes);
}
}
}