JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<p class="toggle">Сладости (нажми меня)!</p>
<ul class="list">
	<li>Пирожное</li>
	<li>Пончик</li>
	<li>Мёд</li>
</ul>

CSS

.list {
	display: none;
}

.show {
	display: block !important;
}

JavaScript

document.addEventListener(`click`, e =>  {
    if (e.target.classList.contains(`toggle`))
			e.target.nextElementSibling.classList.toggle(`show`);
});