/**
 * Accordion menu.
 * 
 *   <div class="information">
 *   <h2>Title 1</h2> 
 *   <div> ... </div>
 *   <h2>Title 2</h2>
 *   <div> ... </div> 
 *   </div> 
 */
 
var Accordion = {

  init: function() 
  {
    $('div.information div').hide();
    $('div.information h2').addClass('collapsed');
    $('div.information > h2').click(Accordion.clickHandler);
    $('div.information h2:first').each( Accordion.clickHandler );
  },
  
  clickHandler: function()
  {
    /* show/hide divs */
    $(this).next('div')
           .slideToggle('fast')
           .siblings('div:visible')
           .slideUp('fast');
    /* add/remove classes */
    $(this).toggleClass('collapsed')
           .siblings('h2')
           .addClass('collapsed');
  }

}

$(document).ready(Accordion.init);