$(document).ready(function(){

	$(".big-menu-launcher1").click(function(){
	
	$("#big-submenu-1").slideToggle("slow");
	$("#big-submenu-2").hide();
	$("#big-submenu-3").hide();
	$("#big-submenu-4").hide();
	$("#big-submenu-5").hide();
		$("#big-submenu-6").hide();
	});
});
$(document).ready(function(){
	$(".big-menu-launcher2").click(function(){
	$("#big-submenu-2").slideToggle("slow");
	$("#big-submenu-1").hide();
	$("#big-submenu-3").hide();
	$("#big-submenu-4").hide();
	$("#big-submenu-5").hide();
			$("#big-submenu-6").hide();
	});
});	
$(document).ready(function(){	

	$(".big-menu-launcher3").click(function(){
	$("#big-submenu-3").slideToggle("slow");
	$("#big-submenu-2").hide();
	$("#big-submenu-4").hide();
	$("#big-submenu-1").hide();
	$("#big-submenu-5").hide();
			$("#big-submenu-6").hide();
	});
});	
$(document).ready(function(){	
	$(".big-menu-launcher4").click(function(){
	$("#big-submenu-4").slideToggle("slow");
	$("#big-submenu-3").hide();
	$("#big-submenu-5").hide();
	$("#big-submenu-1").hide();
	$("#big-submenu-2").hide();
			$("#big-submenu-6").hide();
	});

});

$(document).ready(function(){	
	$(".big-menu-launcher5").click(function(){
	$("#big-submenu-5").slideToggle("slow");
	$("#big-submenu-4").hide();
	$("#big-submenu-1").hide();
	$("#big-submenu-2").hide();
	$("#big-submenu-3").hide();
			$("#big-submenu-6").hide();
	});

});


$(document).ready(function(){	
	$(".big-menu-launcher6").click(function(){
	$("#big-submenu-6").slideToggle("slow");
	$("#big-submenu-4").hide();
	$("#big-submenu-1").hide();
	$("#big-submenu-2").hide();
	$("#big-submenu-3").hide();
			$("#big-submenu-5").hide();
	});

});

//The code is very easy. When user click (you can change it to .hover) a button with a "big-menu-launcher" class 
// the div with id=big-menu-hidden is show and if the user clik other time or in close button the box is hidden