Help With Drop Down Menu

[betts02]

I have searched and found noting that suits what i need or want so here goes:

I have a simple drop down on my forums by the following:

Create plug in with process_template_complete and add

PHP Code:

global $template_hook;
$newTemplate = vB_Template::create('Events');
$template_hook['navtab_end'] .= $newTemplate->render(); 


Create template and add

<li class="popupmenu">
<a href="javascript://" class="popupctrl navtab" style="background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; padding-right: 15px">Events</a>
<ul class="popupbody popuphover">
<li><a style="text-indent: 0px; color:{vb:stylevar navbar_selected_popup_body_a_Color}" href="Link 1">Link 1</a></li>
<li><a style="text-indent: 0px; color:{vb:stylevar navbar_selected_popup_body_a_Color}" href="Link 2">Link 2</a></li>
</ul>
</li>

Additional.css template i also have

.navtabs ul.popupbody {
top: 21px;
}

This works fine for a single drop down menu and has been since i installed it

What i want to know is what code would i put for a double drop down menu ?

So that when i hover over say Link 1 it shows further menu items

Many thanks in advance