Using Divs a dropdownbox with submenu to be created by XML and jquery
===

I am having a multiple number of divs and I need to show it as dropdown with submenu without using dropdown boxs. 

Now I need to add xml code to this li dynamically using Jquery/javascript. the first five items in the li should be without any submenus. and the next five items in the li should be of some data with submenu categories.

Please help me. No plugin should be used.

HTML:

    <div id= 'dropdown'>
    
    <ul>
    
    <li></li> --- Normal List-----
    <li></li>  --List with submenu---
    
    </ul>
    
    </div>