JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="example1" onfocus="document.getElementById('divID1').style.display='block';" onblur="document.getElementById('divID1').style.display='none';"></textarea>
<br />
<textarea id="example2" onfocus="document.getElementById('divID2').style.display='block';" onblur="document.getElementById('divID2').style.display='none';"></textarea>
<div id="divID1">
    <p>This div is blue</p>
    <br />
    <input type="checkbox" />Checkbox A</div>
<div id="divID2">
    <p>This div is green</p>
    <br />
    <input type="checkbox" />Checkbox B</div>

CSS

#divID1 {
    height:200px;
    width:150px;
    background-color:#00bcff;
    text-align:center;
    display:none;
    float:right;
}
#divID2 {
    height:200px;
    width:150px;
    background-color:#41ea00;
    text-align:center;
    display:none;
    float:right;
}