JSFiddle - React, Tailwind, and code Playground

by George Batt

HTML

<something1>First test</something1>
<hiddentext1>Text from first test.</hiddentext1><br />
<br />
<something2>Second test</something2>

<table width="100" border="0" cellspacing="0" cellpadding="0" >
  <tr>
    <td><hiddentext2>Text from second test.</hiddentext2></td>
  </tr>
</table>

CSS

hiddentext1 {
    display: none;
}
something1:hover + hiddentext1 {
    display: block;
}


hiddentext2 {
    display: none;
}
something2:hover + table hiddentext2 {
    display: block;
}