$(document).ready(function(){ 
  // assuming we have the open class set on the h4 when the HTML is delivered
  $('li.drawer h4:not(.open)').next().slideUp();

  $('h4.drawer-handle').click(function () {
    // find the open drawer, remove the class, move to the ul following it and hide it
    $('h4.open').removeClass('open').next().slideUp();
    
    // add the open class to this h4, move to the next element (the ul) and show it
    $(this).addClass('open').next().slideDown();
  });
});