Image Hotspots click hides image
<p>I have a series of maps with hot spots on them etc. so far when i click a link within one of these hot spots the link works fine, it goes to a _blank link etc. That works fine. But the image Then hides. Is there a way that i can say, when you click this map hot spot to not hide the image? for it to show the current map image that the link was on originally?</p>

<pre><code>$(document).ready(function() {

  $('#div1, #div2, #div3, #div4, #div5').hide();

  $('#div5').show();
      $('td a').click(function() {

          $('#div1, #div2, #div3, #div4, #div5').hide();
         $('#div' + $(this).attr('id')).show();

      });
      $('#map_links a').click(function() {

          $('#div1, #div2, #div3, #div4, #div5').hide();
         $('#div' + $(this).attr('id')).show();

      });

      $('#map_links area').click(function() {

          $('#div1, #div2, #div3, #div4, #div5').hide();
         $('#div' + $(this).attr('id')).show();

      });

  });
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div id="div1"&gt;

  &lt;img src="?a=28808" alt="Northern Region" width="647" height="308" border="0" usemap="#northern" /&gt;
  &lt;map name="northern" id="northern"&gt;
    &lt;area shape="poly" coords="118,68,160,76,198,99,172,108,132,102,114,82" href="www.youruwebsite.com" target="_blank"/&gt;
  &lt;/map&gt;

  &lt;/div&gt;
</code></pre>
