var isAllShown = false;

$(document).ready(function(){
 $("#nav1").hover(function(){
   if (!isAllShown) {
     $("#nav1 ul.dir").css('display', 'block');
   }
 },function(){
   if (!isAllShown) {
     $("#nav1 ul.dir").css('display', 'none');
   }
 });
 $("#nav2").hover(function(){
   if (!isAllShown) {
     $("#nav2 ul.dir").css('display', 'block');
   }
 },function(){
   if (!isAllShown) {
     $("#nav2 ul.dir").css('display', 'none');
   }
 });
 $("#nav3").hover(function(){
   if (!isAllShown) {
     $("#nav3 ul.dir").css('display', 'block');
   }
 },function(){
   if (!isAllShown) {
     $("#nav3 ul.dir").css('display', 'none');
   }
 });
  $("#nav4").hover(function(){
   if (!isAllShown) {
     $("#nav4 ul.dir").css('display', 'block');
   }
 },function(){
   if (!isAllShown) {
     $("#nav4 ul.dir").css('display', 'none');
   }
 });
});

function allbtn(){
 if(!isAllShown){
    for (var i = 1; i <= 4; i++) {
      $("#nav" + i + " ul.dir").css('display', 'block');
    }
 } else {
    for (var i = 1; i <= 4; i++) {
      $("#nav" + i + " ul.dir").css('display', 'none');
    }
 }
 isAllShown = !isAllShown;
}