$(function() {
  var a=$('.menu1 .submenu'), dropdown=$('.dropdown',a), inner=$('.inner',dropdown);
  dropdown.css({'display':'block','opacity':0});
  var b=inner.height()+(dropdown.height()-inner.height());
  dropdown.css({'height':0,'opacity':1,'overflow':'hidden','display':'none'});
  inner.css({'opacity':0});
  a.bind('mouseenter',function() {
    dropdown.css({'display':'block'});
    dropdown.stop(true).animate({'height':b});
    inner.stop(true).animate({'opacity':1})
  });
  a.bind('mouseleave',function() {
    dropdown.stop(true).animate({'height':0});
    inner.stop(true).animate({'opacity':0},function() { dropdown.css('display','none')})
  })
});