hover function to load a submenu that is dynamically added into a standard menu.

menuInjection.html

<!-- Hidden for the contents of the submenu -->
    <div id="groupsSubMenuContent" class="hidden">
        
        <div class="subMenuGroups">
            <h5>Top 5 Featured Groups</h5>
            <ul>
                <li><a href="#">LINK 1</a></li>
                <li><a href="#">LINK 2</a></li>
                <li><a href="#">LINK 3</a></li>
                <li><a href="#">LINK 4</a></li>
                <li><a href="#">LINK 5</a></li>
            </ul>
        </div>
        
    </div>    
    
    <script type="text/javascript">
    // inject submenu on hover for Groups/Topics
    jQuery( "li.wt-Groups" ).hover(function() {
       
        var groupsSubMenuContent = jQuery('#groupsSubMenuContent').html();
        $( 'li.wt-Groups' ).append( groupsSubMenuContent );
        
        
    }, 
	function() {
        $( 'li.wt-Groups div.subMenuGroups' ).remove();
  	});
</script>