JSFiddle - React, Tailwind, and code Playground

by oceog

HTML

<div class="main-item">
    <label for="readmore1">Читайте больше...</label>
    <input class="readmore" id="readmore1" type="checkbox"
    />
    <div class="sub-menu">Текст</div>
</div>

CSS

.sub-menu {
    display: none;
}
.main-item input.readmore:checked + .sub-menu {
    display: block;
}
.readmore {
    display: none;
}