JSFiddle - React, Tailwind, and code Playground

HTML

<div id='bigdiv'><div id='info' style='display:none'>info</div></div>
<div id='counter'>0</div>

CSS

#bigdiv {
    width: 100px;
    height: 100px;
    border: 1px solid black;
}
#info {
    background-color: #ddd;
}

JavaScript

jQuery(function($) {
  var counter = 0;
  
  $('#bigdiv').hover(function(){ 
    $("#info").toggle();
    ++counter;
    $('#counter').text(counter);
  }); 

});