/* 

   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>



Copyright 2007 by Marco van Hylckama Vlieg



web: http://www.i-marco.nl/weblog/

email: marco@i-marco.nl



Free for non-commercial use

*/



function initMenu() {

  jQuery('#menu ul').hide();

  jQuery('#menu li a').click(

    function() {

        jQuery(this).next().slideToggle('normal');	

      }

    );

  }

jQuery(document).ready(function() {initMenu();});