home *** CD-ROM | disk | FTP | other *** search
/ mcgregor.k12.mn.us / www.mcgregor.k12.mn.us.tar / www.mcgregor.k12.mn.us / menu-collapsed.js < prev    next >
Text File  |  2010-09-13  |  1KB  |  54 lines
  1.  
  2. /* 
  3.    Simple JQuery Collapsing menu.
  4.    HTML structure to use:
  5.  
  6.    <ul id="menu">
  7.      <li><a href="#">Sub menu heading</a>
  8.      <ul>
  9.        <li><a href="http://site.com/">Link</a></li>
  10.        <li><a href="http://site.com/">Link</a></li>
  11.        <li><a href="http://site.com/">Link</a></li>
  12.        ...
  13.        ...
  14.      </ul>
  15.      <li><a href="#">Sub menu heading</a>
  16.      <ul>
  17.        <li><a href="http://site.com/">Link</a></li>
  18.        <li><a href="http://site.com/">Link</a></li>
  19.        <li><a href="http://site.com/">Link</a></li>
  20.        ...
  21.        ...
  22.      </ul>
  23.      ...
  24.      ...
  25.    </ul>
  26.  
  27. Copyright 2007 by Marco van Hylckama Vlieg
  28.  
  29. web: http://www.i-marco.nl/weblog/
  30. email: marco@i-marco.nl
  31.  
  32. Free for non-commercial use
  33. */
  34.  
  35.  
  36.  
  37.  
  38.  
  39. function initMenu() {
  40.   $('#menu ul').hide();
  41.   $('#menu ul').slideToggle('slow');
  42.   $('#menu li a').hover(
  43.     function() {
  44.         $(this).next().slideToggle('slow');    
  45.                 
  46.         
  47.       }
  48.     );
  49.    
  50.   }
  51. $(document).ready(function() {initMenu();});
  52.  
  53.  
  54.