$(document).ready(function(){ //References var sections = $("#menu a"); var loading = $("#loading"); var content = $("#content"); //Manage click events sections.click(function(){ //show the loading bar showLoading(); //load selected section switch(this.id){ case "PAGE1": /*content.slideUp();*/ content.load("/admin/menue/content1.php", hideLoading); /*content.slideDown();*/ break; case "PAGE2": /*content.slideUp();*/ content.load("/admin/menue/content2.php", hideLoading); /*content.slideDown();*/ break; case "PAGE3": /*content.slideUp();*/ content.load("/admin/menue/content3.php", hideLoading); /*content.slideDown();*/ break; case "PAGE4": /*content.slideUp();*/ content.load("/admin/menue/content4.php", hideLoading); /*content.slideDown();*/ break; case "PAGE5": /*content.slideUp();*/ content.load("/admin/menue/content5.php", hideLoading); /*content.slideDown();*/ break; default: //hide loading bar if there is no selected section hideLoading(); break; } }); //show loading bar function showLoading(){ loading .css({visibility:"visible"}) .css({opacity:"1"}) .css({display:"block"}) ; } //hide loading bar function hideLoading(){ loading.fadeTo(1250, 200); }; });