JSFiddle - React, Tailwind, and code Playground

by naveen

HTML

<li  onmouseout="toggleVisibility(this, 'hidden')" onmouseover="toggleVisibility(this, 'visible')" ><a href="#">Five Families</a>
    <table style="visibility:hidden" class="slideDownOne" id="families" width="120px" border="1px" cellpadding="5px 0px 5px 0px">
        <tr><td><a href="#">Gambino</a></td></tr>
        <tr><td><a href="#">Genovese</a></td></tr>
        <tr><td><a href="#">Colombo</a></td></tr>
        <tr><td><a href="#">Bonnano</a></td></tr>
        <tr><td><a href="#">Luchhese</a></td></tr>
    </table>
</li>

JavaScript

function toggleVisibility(elm, visibilityStatus) {
    elm.childNodes[2].style.visibility = visibilityStatus;
}