JSFiddle - React, Tailwind, and code Playground

by CroaToa

HTML

<div id="menu">
<ul>
    <a href="#"> <label for="hidden"> click me </label></a>

    <input id="hidden" type="checkbox">
<ul id="xxx">
<li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li>
<li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li>
<li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li>
</ul>
<li class="standup"><a href="">ССЫЛКА1</a></li>
<li class="standup"><a href="">ССЫЛКА2</a></li>
<li class="standup"><a href="">ССЫЛКА3</a></li>
<li class="standup"><a href="">ССЫЛКА4</a></li>
</ul>
</div>

CSS

#xxx {
    display:none;
}
input:checked ~ #xxx {
    display: block;
}
label {
    cursor: pointer;
    text-decoration: underline;
}
input {
    display: none;
}