JSFiddle - React, Tailwind, and code Playground

HTML

<input id="go" type="checkbox"/>
<label for="go" class="st">Click me</label>

<ul class="menu"> 
    <li><a href="#">подпункт 1</a></li> 
    <li><a href="#">подпункт 2</a></li> 
    <li><a href="#">подпункт 3</a></li> 
</ul>

CSS

/*скрываем наше меню и checkbox*/
.menu, #go {
    display:none;
}

/*стилизуем кнопочку*/
.st {
    padding:0 20px 0 20px;
    background:green;
    cursor:pointer;
    color:white;
}

/*а вот собственно и само действие*/
#go:checked ~ .menu {
    display:block;
}