I am new to jquery and this is the first project I have used it on. I am using it to load content from an external file and into my page. When you click one of the buttons it has to do 3 things. Load the main content, the description and then hide a menu. It all works but I have a huge block of code and I know that it can be compressed by passing different variables to a function. I have not been able to figure out how to do this. Here is an example of the click and links to the page and the js file.
$('#nav_port li .web .base').click(
function(){
showLoading();
content.load("sections.html #section_html", hideLoading);
desc.load("descriptions.html #brand_x_desc");
content.css({opacity: "0"});
content.fadeTo(1000, 1);
$(this).animate({opacity: "hide"}, "slow");
$(this).next().animate({opacity: "show"}, "slow");
$('#nav_port li .flash .hover').css({display: "none"});
$('#nav_port li .flash .base').css({display: "block"});
$('#nav_port li .fun .hover').css({display: "none"});
$('#nav_port li .fun .base').css({display: "block"});
$('#html_menu').css({display:"block"});
$('#flash_menu').css({display:"none"});
$('#fun_menu').css({display:"none"});
//code for span
},
function(){
//nothing
}
);
Any and all help would be greatly appreciated. Links to examples, advice, anything would be great. Thanks in advance.
http://jamesvec.com/james_dev/portfolio.html
http://jamesvec.com/james_dev/js/port_effects.js
Before you post, read our: 
