JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="main_menu">
                    <ul>

                        <li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-31"><a href="http://www.emotion-online.hu/levente/honti/">Főoldal</a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://www.emotion-online.hu/levente/honti/akciok/">Akciók</a>
<ul class="sub-menu">
    <li id="menu-item-164" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-164"><a href="http://www.emotion-online.hu/levente/honti/akciok/kiemelt-ajanlat/">Kiemelt ajánlat</a></li>
    <li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a href="http://www.emotion-online.hu/levente/honti/akciok/allando-kedvezmenyek/">Állandó kedvezmények</a></li>
</ul>
</li>
<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="http://www.emotion-online.hu/levente/honti/hirek/">Hírek</a></li>
<li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="http://www.emotion-online.hu/levente/honti/termekek/">Termékek</a></li>

<li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27"><a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/">Szolgáltatások</a>
<ul class="sub-menu">
    <li id="menu-item-195" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-195"><a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/szemeszeti-szurovizsgalat/">Szemészeti szűrővizsgálat</a></li>
    <li id="menu-item-191" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-191"><a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/komputeres-szemvizsgalat/">Komputeres szemvizsgálat</a></li>
    <li...

CSS

ul.sub-menu {
    display:none;
}

JavaScript

$('ul.sub-menu').hide()
$("nav.main_menu li").hover(function () {
      $("nav.main_menu li ul.sub-menu").slideDown(500);
     }, function() {
       $("nav.main_menu li ul.sub-menu").slideUp(300);
   });