JSFiddle - React, Tailwind, and code Playground

HTML

<style>
#mydiv {
  display: none;
}
</style>

<img alt="image map example" height="332" src="https://html.com/wp-content/uploads/image_map_example.jpg" usemap="#map_example" width="500" />

<map id="fbimg" name="map_example"> 
<area id="fb" alt="Facebook" coords="140, 50, 30, 102, 180, 282, 290, 215" shape="poly" />
  </map>
  
 <div id="mydiv">
 test123
 </div>

<script>
$("#fbimg").click(function(ev){
    var target = $(ev.target);
    var targetId = target.attr('id');
    if(targetId == 'fb') {
      $("#mydiv").toggle();
    }
});
</script>