jQuery(document).ready(function () {
  // hide all ULs inside LI.drawer except the first one
  jQuery('LI.drawer UL:not(:first)').hide(); 
  
  // apply the open class
  jQuery('LI.drawer UL:first').addClass('open');
  
  jQuery('H2.drawer-handle').click(function () {
    // hide the currently visible drawer contents
    jQuery('LI.drawer UL:visible').hide();
    
    // remove the open class from the currently open drawer
    jQuery('H2.open').removeClass('open');
    
    // show the associated drawer content to 'this' (this is the current H2 element)
    // since the drawer content is the next element after the clicked H2, we find
    // it and show it using this:
    jQuery(this).next().show();
    
    // set a class indicating on the H2 that the drawer is open
    jQuery(this).addClass('open');
  });
});