I think my code should pretty much speak for itself. I'm sure it's a bit over kill, but I'm unfamiliar with javascript.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
        <title>JavaScript</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script language="javascript">
<!--

function WriteText(county)
{
 switch (county) {
  case "county1":
   document.getElementById(county).style.visibility="visible";
   document.getElementById("county2").style.visibility="hidden";
   document.getElementById("county3").style.visibility="hidden";
   document.getElementById("county4").style.visibility="hidden";
   document.getElementById("county5").style.visibility="hidden";
   break
  case "county2":
   document.getElementById(county).style.visibility="visible";
   document.getElementById("county1").style.visibility="hidden";
   document.getElementById("county3").style.visibility="hidden";
   document.getElementById("county4").style.visibility="hidden";
   document.getElementById("county5").style.visibility="hidden";
   break
  case "county3":
   document.getElementById(county).style.visibility="visible";
   document.getElementById("county2").style.visibility="hidden";
   document.getElementById("county1").style.visibility="hidden";
   document.getElementById("county4").style.visibility="hidden";
   document.getElementById("county5").style.visibility="hidden";
   break
  case "county4":
   document.getElementById(county).style.visibility="visible";
   document.getElementById("county2").style.visibility="hidden";
   document.getElementById("county3").style.visibility="hidden";
   document.getElementById("county1").style.visibility="hidden";
   document.getElementById("county5").style.visibility="hidden";
   break
  case "county5":
   document.getElementById(county).style.visibility="visible";
   document.getElementById("county2").style.visibility="hidden";
   document.getElementById("county3").style.visibility="hidden";
   document.getElementById("county4").style.visibility="hidden";
   document.getElementById("county1").style.visibility="hidden";
   break
}
   
}
// -->
</script>
<script type="text/css">


</script>

  </head>
<body>


<img src="map.gif" alt="map" border="0" usemap="#map"><br>

<br><br><br>

    


<map name="map">

<AREA SHAPE="poly" style="cursor:pointer;" onclick="WriteText('county1')"  ALT="" COORDS="73,236, 73,271, 70,275, 79,288, 321,291, 371,287, 381,308, 389,309, 395,308, 392,293, 408,284, 423,245, 395,244, 389,234">
<AREA SHAPE="poly" style="cursor:pointer;" onclick="WriteText('county2')"   ALT="" COORDS="257,237, 390,235, 392,243, 422,242, 410,228, 416,211, 466,192, 464,179, 477,155, 470,137, 452,119, 439,119, 439,129, 294,130, 293,138, 293,174, 253,171">
<AREA SHAPE="poly" style="cursor:pointer;" onclick="WriteText('county3')"   ALT="" COORDS="60,173, 56,186, 57,201, 64,199, 70,215, 71,234, 255,237, 251,171, 293,172, 291,138, 164,139, 161,171">
<AREA SHAPE="poly" style="cursor:pointer;" onclick="WriteText('county4')"   ALT="" COORDS="211,17, 396,15, 398,28, 409,36, 400,53, 422,93, 433,93, 440,108, 448,116, 453,118, 438,119, 438,128, 296,130, 291,136, 216,139, 214,139, 212,113, 209,113">
<AREA SHAPE="poly" style="cursor:pointer;" onclick="WriteText('county5')"   ALT="" COORDS="76,15, 30,14, 29,17, 30,19, 33,28, 30,32, 29,35, 36,41, 23,86, 57,171, 161,171, 163,138, 213,138, 211,113, 207,113, 207,17">
</MAP>

  <div style="height:200px; width:300px; border:1px solid #666;">
    <div id="county1" style="visibility:hidden;position:relative; left:1px; display:inline; border:1px solid black;">county 1 info</div>
    <div id="county2" style="visibility:hidden;position:relative; left:-75px; display:inline">county 2 info</div>
    <div id="county3" style="visibility:hidden;position:relative; left:-120px; display:inline ">county 3 info</div>
    <div id="county4" style="visibility:hidden;position:relative; left:-150px; display:inline">county 4 info</div>
    <div id="county5" style="visibility:hidden;position:relative; left:-180px; display:inline">county 5 info</div>
  </div>
</body>

</html>
Basically I need to have the divs appear and disappear, which I've figured out, but I need the text to show up in the same place, as opposed to beside the previous text or on top of it. I know there's easier ways of doing this with pure javascript, but I have to have the actual divs in the code.

Thanks