$(function() {
  
  
  
  /**
  * the menu
  */
  var $menu = $('#ldd_menu');
  
  /**
  * for each list element,
  * we show the submenu when hovering and
  */
  $menu.children('li').each(function(){
    var $this = $(this);
    var $span = $this.children('a');
    $span.data('width',$span.width());
    
    $this.bind('mouseenter',function(){
      $menu.find('.ldd_submenu').stop(true,true).hide();
      $span.stop().animate({},500,function(){
      $this.find('.ldd_submenu').slideDown(500);
    });
  }).bind('mouseleave',function(){
    $this.find('.ldd_submenu').stop(true,true).hide();
    $span.stop().animate({'width':$span.data('width')+'px'},0);
  });
 });
});