$(document).ready(function(){
    $("#tab2Content, #tab3Content").css("display","none"); // manipulates the css for each div, adds property "display:none;" to each.  
  });

$(document).ready(function(){
  $("#button1").hover(function () {  // when the div with id of "button1" is hovered...
    $("#tab1Content").slideToggle("fast");  // toggle the sliding for div id="tab1Content"
    	if ($("#tab2Content").is(":visible")) {  // if div id="tab2content is visible...
      	$("#tab2Content").slideUp("fast");  // slide up/hide div id="tab2Content"
   	  	}
		if ($("#tab3Content").is(":visible")) {  // if div id="tab3content is visible...
      	$("#tab3Content").slideUp("fast");  // slide up/hide div id="tab3Content"
   	  	}
  });
}); // end function

$(document).ready(function(){
  $("#button2").hover(function () { // when the div with id of "button2" is hovered...
    $("#tab2Content").slideToggle("fast");  // toggle the sliding for div id="tab2Content"
    	if ($("#tab1Content").is(":visible")) {  // if div id="tab1content is visible...
      	$("#tab1Content").slideUp("fast");  // slide up/hide div id="tab1Content"
   	  	}
		if ($("#tab3Content").is(":visible")) {  // if div id="tab3content is visible...
      	$("#tab3Content").slideUp("fast");  // slide up/hide div id="tab3Content"
   	  	}
  });
}); // end function

$(document).ready(function(){ 
  $("#button3").hover(function () {  // when the div with id of "button3" is hovered...
    $("#tab3Content").slideToggle("fast");  // toggle the sliding for div id="tab3Content"
    	if ($("#tab1Content").is(":visible")) {  // if div id="tab1content is visible...
      	$("#tab1Content").slideUp("fast");  // slide up/hide div id="tab1Content"
   	  	}
		if ($("#tab2Content").is(":visible")) {  // if div id="tab2content is visible...
      	$("#tab2Content").slideUp("fast");  // slide up/hide div id="tab2Content"
   	  	}
  });
}); // end function