$(document).ready(function () {

  $("#navigation > li > a").bind("mouseenter", function () {
    $(".submenu").each(function () {
      $(this).hide();
    });
      $(this).parent().children(".submenu").fadeIn(300);
  });

  $(".submenu").bind("mouseleave", function () {
    $(this).fadeOut(300);
  });

});