$(document).ready(function() {
$('#m1').mouseover(function () {
  $('#sub1').show('fast');
  $('#sub2').hide('fast');
  $('#sub3').hide('fast');
  $('#sub4').hide('fast');
});
$('#sub1').mouseleave(function () {
  $('#sub1').hide('fast');
});

$('#m2').mouseover(function () {
  $('#sub1').hide('fast');
  $('#sub2').show('fast');
  $('#sub3').hide('fast');
  $('#sub4').hide('fast');
});
$('#sub2').mouseleave(function () {
  $('#sub2').hide('fast');
});

$('#m3').mouseover(function () {
  $('#sub1').hide('fast');
  $('#sub2').hide('fast');
  $('#sub3').show('fast');
  $('#sub4').hide('fast');
});
$('#sub3').mouseleave(function () {
  $('#sub3').hide('fast');
}); 

$('#m4').mouseover(function () {
  $('#sub1').hide('fast');
  $('#sub2').hide('fast');
  $('#sub3').hide('fast');
  $('#sub4').show('fast');
});
$('#sub4').mouseleave(function () {
  $('#sub4').hide('fast');
});
  });