JSFiddle - React, Tailwind, and code Playground

by Gratian Alinei

HTML

<div class="grp">
    <button type="button" onclick="ShowHide(1)" class="btn">Button 1</button>
    <div id="MyText1" class="hdiv">Salutare , am si eu o problema, as dori ca atunci cand dai click pe un buton sa iti apara o casuta dedesuptul lui iar cand dai pe alt buton sa dispara si sa apara casuta acelui buton insa nu stiu cum sa fac...ma poate ajuta cineva?Am cautat si pe internet insa nu m-am lamurit deloc</div>
</div>
<div class="grp">
    <button type="button" onclick="ShowHide(2)" class="btn">Button 2</button>
    <div id="MyText2" class="hdiv">Salutare din nou, am si eu o problema, as dori ca atunci cand dai click pe un buton sa iti apara o casuta dedesuptul lui iar cand dai pe alt buton sa dispara si sa apara casuta acelui buton insa nu stiu cum sa fac...ma poate ajuta cineva?Am cautat si pe internet insa nu m-am lamurit deloc</div>
</div>

CSS

.grp {position:relative;display:inline;}
.btn {height:24px;cursor:pointer;}
.hdiv {width:200px; display:none; position:absolute; top:24px; padding:5px; background-color:#FFFFE1 ;border:1px black solid;}

JavaScript

var MyId=0;
function ShowHide(id){
   if(MyId!=0){
        $('#MyText'+MyId).hide(0);
   }
   $('#MyText'+id).show(500);
   MyId=id;
}