javascript - jQuery custom menu -

I've found that to generate every jQuery plugin menu, & lt; Li & gt; is based on elements

I have & lt; Div id = "menubutton" & gt; element that represents the menu button and second, it does not belong to a child) and

Items (composite accessories, images, etc.) are included. When I click on the button I see this second, hidden divisor.

Now, this is the code for now, but there is a clear timeout, when I leave the button or when I Leave the device, then it can be hidden. Do not think any thing to work?

Thank you!

  var timer; $ ('#Building') Click (function () {$ ('# menucontent'). Show ();}); $ ('#Building') Mouseout (function () {timer = setTimeout ('$ ("# menucontent"). Hide ()', 500);}); $ ('# Menucontent') mouseover (function {clear timeout (timer);}) mouseout (function () {setTimeout ('$ ("# menucontent"). Hide ()', 300);});    
 
 
 Try this:  
  $ ('# menubutton'). Click (function () {$ ('# Menucontent'). Show ();}); $ ('#Building') Mouse (function () ($ (this). Data ('mytimer', set timeout ('$ ("# menucontent") Hide ()', 500));}); $ ('# menuCentent') mouseover Function () {explicit timeout ($ (this) .data ('matimer'));}). Mouseout (function () {setTimeout ('$ ("# menucontent"). ()', 300);}); < / Code>