JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="statik box">
картинка карты
</div>
<div class="interactiv box hide">
  интеркативаня карта
</div>

CSS

.box{
  width:200px;
  height:200px;
}
.statik{
   background: blue;
   cursor:pointer;
}
.interactiv{
  background:green;
  }
 .hide{
    display:none;
  }

JavaScript

$('.statik').click(function(){
					$(this).addClass("hide");
          $(".interactiv").removeClass("hide")
});
$('.interactiv').click(function(){
					$(this).addClass("hide");
          $(".statik").removeClass("hide")
});