$(document).ready(function () {
  // hide all ULs inside LI.drawer except the first one
  $('LI.drawer UL:not(:first)').slideUp(); 

  // apply the open class
  $('LI.drawer UL:first').addClass('open');

  $('H2.drawer-handle').click(function () {
	// hide the currently visible drawer contents
	$('LI.drawer UL:visible').slideUp();

	// remove the open class from the currently open drawer
	$('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:
	$(this).next().slideDown();

	// set a class indicating on the H2 that the drawer is open
	$(this).addClass('open');
  });
});