$(document).ready(function () {
  
  //http://jqueryfordesigners.com/slide-out-and-drawer-effect/
  // assuming we have the open class set on the a when the HTML is delivered
  $('li.drawer > a:not(.open)').next().hide();

  $('li.drawer > a').mouseover(function () {
  	// do nothing if the drawer is already open
  	if ($(this).attr('class') == 'open') {return false;}
  	
    // find the open drawer, remove the class, move to the UL following it and hide it
    //alert($(this).attr('class'));
    $('a.open').removeClass('open').next().slideUp();
    
    // add the open class to this a, move to the next element (the UL) and show it
    $(this).addClass('open').next().slideDown();
  });

});