/* 
   Simple JQuery Accordion 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
*/


jQuery(document).ready(function(){
	jQuery('ul#accordion li a').next().hide();
	jQuery('ul#accordion li a').attr('href','javascript:void(0);');
	 
	jQuery('ul#accordion li a').click(function(){
		if(jQuery(this).next().is(':hidden')){
			jQuery('ul#accordion li a').removeClass('xactive').next().slideUp(); 		                  
			jQuery(this).toggleClass('xactive').next().slideDown();                            
					
		}else{
                       jQuery(this).toggleClass('xactive').next().slideUp();
                }       
	});
});