There has to be an easier way...

There has to be an easier way...

Hello,

I am very new to jquery ( a couple days in )

I am trying to create a navigation that utilizes the the jquery import command. I am able to create the import function and change the background-image of the navigation back ( to create an appearance of an active tab ) but the script is bulky and clumsy.

There has got to be a cleaner way to make this work ( though it does do what I want it to)

here is the code:

$(document).ready(function() {
   $("li").click(function() {
      $("#textArea").show('fast');
      return false;
   });
   
   
   $("#partnership").click(function(){
      $("#partText").load("partnership.html");
      $(this).css("background-position", "left bottom");
      $("#pediatricServices").css("background-position", "left top");
      $("#pediatricSpecialty").css("background-position", "left top");
      $("#floating").css("background-position", "left top");
      $("#mwmc").css("background-position", "left top");
      $("#contact").css("background-position", "left top");   
   
   });
   
   
   $("#pediatricServices").click(function(){
      $("#partText").load("pediatric_services.html");
      $(this).css("background-position", "left bottom");
      $("#partnership").css("background-position", "left top");
      $("#pediatricSpecialty").css("background-position", "left top");
      $("#floating").css("background-position", "left top");
      $("#mwmc").css("background-position", "left top");
      $("#contact").css("background-position", "left top");
   
   });
   
   $("#pediatricSpecialty").click(function(){
      $("#partText").load("pediatric_specialty.html");
      $(this).css("background-position", "left bottom");
      $("#partnership").css("background-position", "left top");
      $("#pediatricServices").css("background-position", "left top");
      $("#floating").css("background-position", "left top");
      $("#mwmc").css("background-position", "left top");
      $("#contact").css("background-position", "left top");

   
   });
   
   $("#floating").click(function(){
      $("#partText").load("floating.html");
      $(this).css("background-position", "left bottom");
      $("#partnership").css("background-position", "left top");
      $("#pediatricServices").css("background-position", "left top");
      $("#pediatricSpecialty").css("background-position", "left top");
      $("#mwmc").css("background-position", "left top");
      $("#contact").css("background-position", "left top");
   
   });
   
   $("#mwmc").click(function(){
      $("#partText").load("mwmc.html");
      $(this).css("background-position", "left bottom");
      $("#partnership").css("background-position", "left top");
      $("#pediatricServices").css("background-position", "left top");
      $("#pediatricSpecialty").css("background-position", "left top");
      $("#floating").css("background-position", "left top");
      $("#contact").css("background-position", "left top");
   
   });
   
   
   $("#contact").click(function(){
      $("#partText").load("contact.html");
      $("#partText").load("mwmc.html");
      $(this).css("background-position", "left bottom");
      $("#partnership").css("background-position", "left top");
      $("#pediatricServices").css("background-position", "left top");
      $("#pediatricSpecialty").css("background-position", "left top");
      $("#floating").css("background-position", "left top");
      $("#mwmc").css("background-position", "left top");
   
   });
});


thanks!