JSFiddle - React, Tailwind, and code Playground

by bohdantheone

HTML

<span id="foo" class="menu" style="cursor:pointer;border:thin solid #F00;margin:2px;">Инфо
    <span id="foobox" class="special" style="display:none;width:100px;height:50px;cursor:pointer;">Скрытый текст</span></span>

JavaScript

$(document).ready(function(){
    
    $(document.body).click(function () {
      if ($("#foobox").is(":hidden")) {
        $("#foobox").show("slow");
      } else {
       $("#foobox").hide();

      }
    });

  });