JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td class="menu-item">
                <div class="wrap">
                    <a class="dropdown-toggle" href="/link/">Пункт меню</a>
                    <ul class="dropdown-menu">Выпадающее меню</ul>
                </div>
            </td>
            <td class="menu-item">
                <div class="wrap">
                    <a class="dropdown-toggle" href="/link/">Пункт меню</a>
                    <ul class="dropdown-menu">Выпадающее меню</ul>
                </div>
            </td>
            <td class="menu-item">
                <div class="wrap">
                    <a class="dropdown-toggle" href="/link/">Пункт меню</a>
                </div>
            </td>
        </tr>
    </tbody>
</table>

CSS

.dropdown-menu {display: none;}
.wrap.active .dropdown-menu {display: block;}

JavaScript

$('.dropdown-toggle').on('click', function(){
	
	if(!$(this).parent('.wrap').hasClass('active')) {
    $(this).parent('.wrap').addClass('active');
    return false;
  }
	
})