jQuery(function( $ ){
var menuRoot = $( "#menu-root" );
var menu = $( "#menu" );
 

// Hook up menu root click event.
menuRoot
.attr( "href", "javascript:void( 0 )" )
.click(
function(){
// Toggle the menu display.
menu.toggle();
 

// Blur the link to remove focus.
menuRoot.blur();
 

// Cancel event (and its bubbling).
return( false );
}
)
;
 

// Hook up a click handler on the document so that
// we can hide the menu if it is not the target of
// the mouse click.
$( document ).click(
function( event ){
// Check to see if this came from the menu.
if (
menu.is( ":visible" ) &&
!$( event.target ).closest( "#menu" ).size()
){
 

// The click came outside the menu, so
// close the menu.
menu.hide();
 

}
}
);
 

});