javascript - Automatic menu for a UL tag? -

What to apply on a UL tag automatically to a vertical accordion menu (or some other vertical menu type) jQuery Is there a way to use? Therefore, something like this can be a menu via a JavaScript call:

  & lt; Ul & gt; & Lt; Li & gt; Item 1 & lt; / Li & gt; & Lt; Li & gt; Item 2 & lt; / Li & gt; & Lt; Li & gt; Item 3 & lt; / Li & gt; & Lt; Li & gt; Item 4 & lt; / Li & gt; & Lt; / Ul & gt; In other words, the children brought to it will become the menu item. It would be great if the height of the menu can be interrupted. Thank you.   
 
 
 shown here: - D  
 js:    $ ('menu.meu-item'). Hover (function () {$ (this). Children ('ul') Toggle ('blind')} $ $ ('menu .menu-item ul'). Hide ()   
 html:  
  & lt; Ul class = 'menu' & gt; & Lt; Li class = 'menu-item' & gt; Item & lt; Ul class = 'sub-menu' & gt; & Lt; Li & gt; Item 1 & lt; / Li & gt; & Lt; Li & gt; Item 2 & lt; / Li & gt; & Lt; Li & gt; Item 3 & lt; / Li & gt; & Lt; Li & gt; Item 4 & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt;