JSFiddle - React, Tailwind, and code Playground

by rafacardosoc

HTML

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js></script>
<script>
    $("#FPMap0").click(function (ev) {
    var target = ev.target;
    var targetId = target.attr('id');
    if (targetId == 'first') {
        $("#first").toggle();
    } else if (targetId == 'second') {
        $("#second").toggle();
    }
});
</script>
</head>


<map name="FPMap0" id="FPMap0">
<area item="first" href="#" shape="polygon" coords="347, 79, 349, 201, 449,   248, 540, 204, 541, 82, 448, 34" />
<area item="second" href="#" shape="polygon" coords="560, 81, 562, 206, 660, 255, 756, 208, 758, 81, 659, 31"/>
</map>

<img width="1000" height="667" src="picture.png" usemap="#FPMap0" alt=""/>

<div id="first">Text1</div>
<div id="second">Text2</div>