JSFiddle - React, Tailwind, and code Playground

by Oliver_kh

HTML

<ul>
<li>Главная</li>
<li>Пункт меню</li>
  <ul>
     <li>Дочерний пункт</li>
  </ul>
<li>Пункт меню</li>
</ul>

CSS

.first {
           border:2px solid #f00;
           background:#00f;
       }
       .second {
           border:2px solid #00f;
           background:#f00;
       }
       a {
           padding:5px;
           height: 30px;
           width:100px;
           color:white;
           text-decoration:none;
       }
       .ul {
           display:none;
           list-style: none;
       }

JavaScript

$(function () {
       $('.select').click(function (e) {
           e.preventDefault()
           $(this).toggleClass('first second').next('.ul').toggle()
       })
   })