1 /* 

     2    Simple JQuery Collapsing menu.

     3    HTML structure to use:

     4 

     5    <ul id="menu">

     6      <li><a href="#">Sub menu heading</a>

     7      <ul>

     8        <li><a href="http://site.com/">Link</a></li>

     9        <li><a href="http://site.com/">Link</a></li>

    10        <li><a href="http://site.com/">Link</a></li>

    11        ...

    12        ...

    13      </ul>

    14      <li><a href="#">Sub menu heading</a>

    15      <ul>

    16        <li><a href="http://site.com/">Link</a></li>

    17        <li><a href="http://site.com/">Link</a></li>

    18        <li><a href="http://site.com/">Link</a></li>

    19        ...

    20        ...

    21      </ul>

    22      ...

    23      ...

    24    </ul>

    25 

    26 Copyright 2007 by Marco van Hylckama Vlieg

    27 

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

    29 email: marco@i-marco.nl

    30 

    31 Free for non-commercial use

    32 */

    33 

    34 function initMenu() {

    35   $('#menu ul').hide();

    36   $('#menu li a').click(

    37     function() {

    38         $(this).next().slideToggle('normal');	

    39         return false;  // return false to prevent the view from scrolling to the top of the page.

    40       }

    41     );

    42   }

    43 $(document).ready(function() {initMenu();});