$(document).ready(function(){ //when the document is ready and all is well....
    $("#contact").css("display","none");  //grab the CSS for div id="contact" and add to it the property of "{display: none;}"
  }); //end function

$(document).ready(function (){ //when the document is ready and all is well....
	$("#contactTab").click(function () { //jquery waits for the div id="contactTab" to be clicked
    	if ($("#contact").is(":hidden")) {  //when the the above condition is met, this line executes and checks to see if the div id="contact" is hidden
      	$("#contact").slideDown("slow");  //if its hidden (which it is, because we did so above) then slide down it and its content slowly
   	  } else { //if div id="contact" is not hidden...
      	$("#contact").slideUp("slow");  //then hide it by sliding it and its contents up, up and away
      }
    }); //end if/else
}); //end function