Jquery Sub-menu List Elements for Markup
Sub-menus can be shown either as one menu with two or more levels or as completely separate menu modules. The below JQuery List elements are used to markup the URL. This Jquery elements are using # symbol to identify the part of the object mentioned in anchor text when click on that particular link. A sub-menu is a secondary menu that appears while you are holding the cursor over an item on the primary menu
List Elements Usage in HTML Markup
<ul id="menu1" class="menu">
<li>
<a href="#">Free Weblog</a>
<ul style="display: none; ">
<li><a href="http://www.blogspot.com">Blogspot</a></li>
<li><a href="http://www.wordpress.org/">WordPress</a></li>
<li><a href="http://www.tumblr.com/"></a>Tumblr</li>
<li><a href="http://www.multiply.com/">Multiply</a></li>
</ul>
</li>
<li>
<a href="#">Programming Languages</a>
<ul style="display: none; ">
<li><a href="http://www.php.net/">PHP</a></li>
<li><a href="http://www.ruby-lang.org/en/">Ruby</a></li>
<li><a href="http://www.python.org/">Python</a></li>
<li><a href="http://www.perl.org/">PERL</a></li>
<li><a href="http://java.sun.com/">Java</a></li>
</ul>
</li>
<li><a href="http://www.wheelsonimages.com/">Images Gallery (No Sub-Menu)</a></li>
<li>
<a href="#">Cool Stuff</a>
<ul style="display: none; ">
<li><a href="http://www.apple.com/">Apple</a></li>
<li><a href="http://www.nikon.com/">Nikon</a></li>
<li><a href="http://www.xbox.com/en-US/">XBOX360</a></li>
<li><a href="http://www.nintendo.com/">Nintendo</a></li>
</ul>
</li>
<li>
<a href="#">Search Engines</a>
<ul style="display: none; ">
<li><a href="http://search.yahoo.com/">Yahoo!</a></li>
<li><a href="http://www.google.com/">Google</a></li>
<li><a href="http://www.ask.com/">Ask.com</a></li>
<li><a href="http://www.live.com/?searchonly=true">Live Search</a></li>
</ul>
</li>
</ul>