Simple Drop Menu


/ Published in: jQuery
Save to your folder(s)



Copy this code and paste it in your HTML
  1. $(document).ready(function(){
  2.  
  3. $("#Nav ul li").mouseover(function() {
  4. $(this).children("ul").show();
  5. });
  6.  
  7. $("#Nav ul li").mouseout(function() {
  8. $(this).children("ul").hide();
  9. });
  10.  
  11. });
  12.  
  13. <ul id="Nav">
  14. <li>Item 1
  15. <ul>
  16. <li>Item 2</li>
  17. </ul></li>
  18. <li>Item 2</li>
  19. </ul>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.