Hi, I am developing a site using silver stripe. In that, I have to create a mega menu with two levels. When user hover on first level menu item, second level menu will be displayed for that item. In the second menu, I have different categories (skills, jobs, trainings) and these are not clickable and not children of first level menu item. second level menu items will be grouped under these categories. I did the following script to display second items but I don't know how to group second level items in to respective categories. Please check out this link http://www.useit.com/alertbox/mega-dropdown-menus.html for more information.
<% control Menu(1) %>
<li>
<div class="left{$LinkingMode}"></div>
<div class="$LinkingMode">
<div style="margin-top:5px;">
<a href="$Link" title="$Title.XML" class="$LinkingMode">$MenuTitle.XML</a>
<% if Children %>
<div id="$Title" class="sectionElement">
<ul>
<% control Children %>
<div>
<li><a href="$Link" title="Go to the "{$Title}" page">$MenuTitle</a></li>
<div>
<% end_control %>
</ul>
</div>
<% end_if %>
</div>
</div>
<div class="right{$LinkingMode}"></div>
<div class="menuspace"> </div>
</li>
<% end_control %>