JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
<td style="position:relative; z-index: 1000">
<ul class="dropdown">
    <li>View &#x25BC;
        <ul>
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a></li>
        </ul>

    </li>
</ul>
</td>
</tr>
<tr>
<td style="position:relative; z-index: 999">
<ul class="dropdown">
    <li>View &#x25BC;
        <ul>
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a></li>
        </ul>

    </li>
</ul>
</td>
</tr>
    <tr>
<td>
<ul class="dropdown">
    <li>View &#x25BC;
        <ul>
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a></li>
        </ul>

    </li>
</ul>
</td>
</tr>
</table>

CSS

td{ padding:5px; border: 1px solid #aaa; }
ul.dropdown { height: 20px; position: relative; margin:10px;}

ul.dropdown > li { color:#222; background:#aaa;  padding:5px; width:200px}

ul.dropdown > li:hover { color:#ddd; background:#403838; }
ul.dropdown li ul { display:none; position:absolute; z-index:100; left: 0; top:25px; }
ul.dropdown li ul li { }
ul.dropdown li ul li a { width:200px; display:block; padding:1px 5px; color:#fff; background:#444; border-top:1px solid #666; }
ul.dropdown li ul li a:hover { color:#fff; background:#888; }

JavaScript

$('.dropdown').hover(
  function() { 
    $('ul', this).stop(true, true).slideToggle(100); },
  function() { 
    $('ul', this).stop(true, true).slideToggle(100); }
);