JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="section_style">
  <li>
    <a class="section_title" href="File basa/Garden/Garden malus leter А.html" target="form">
      <span class="name">Яблуня</span>
    </a>

    <ul class="section_list">
      <li><a href="File basa/Garden/Garden malus sort elderly leter А.html" target="form"><span class="name">Літні сорти </span></a></li>
      <li><a href="File basa/Garden/Garden malus sort autumn leter А.html" target="form"><span class="name">Осінні сорти</span></a></li>
      <li><a href="File basa/Garden/Garden malus sort winter leter А.html" target="form"><span class="name">Зимові сорти</span></a></li>
      <li><a href="File basa/Garden/Garden malus country.html" target="form"><span class="name">Країни</span></a></li>
      <li><a href="File basa/Garden/Garden malus year.html" target="form"><span class="name">Роки</span></a></li>
    </ul>
  </li>
</ul>

CSS

ul.section_style ul.section_list {
  display: none;
}
ul.section_style:hover ul.section_list {
  display: block;
}