/* 
   Simple JQuery Collapsing menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>


*/

function initMenu() {
 $('#menu ul').hide();
 $('#menu li a').click(
   function() {
       if( $(this).attr("href") == '#')
       {
           $(this).blur().next().slideToggle('normal');
           return false;
       }
     }
   );
 }
$(document).ready(function() {initMenu();});