JSFiddle - React, Tailwind, and code Playground
by Sergey khorev
HTML
<h2>Комплектация</h2>
<div class="text">
<div class="spoilerButton" onclick="spoiler(this)">
<span>Стеновой комплект</span>
</div>
<div class="spoilerText">
<span>
<ul>
<li>Тепловой контур из клееного бруса сечением 200мм</li>
<li>Балки и столбы сухие, клееные, строганные</li>
<li>Доставка стенового комплекта</li>
<li>Сборка стенового комплекта</li>
<li>Приемка инженером технического надзора</li>
</ul>
</span>
</div>
<br>
<div class="text">
<div class="spoilerButton" onclick="spoiler(this)">
<span>Фундамент</span>
</div>
<div class="spoilerText">
<span>
<ul>
<li>Проект КЖ</li>
<li>Привязка осей на местности</li>
<li>Монолитные железобетонные забивные сваи</li>
<li>Закладные под коммуникации</li>
</ul>
</span>
</div>
<br>
<div class="text">
<div class="spoilerButton" onclick="spoiler(this)">
<span>Кровля</span>
</div>
<div class="spoilerText">
<span>
<ul>
<li>Утепление 200мм</li>
<li>Рабочий проект КД кровли</li>
<li>Покрытие кровли - металлочерепица Grandline</li>
<li>Стропила сухие, строганные</li>
<li>Гидро-ветрозащитная мембрана, пароизоляционная пленка</li>
<li>Подшивная доска для свесов кровли</li>
<li>Сборка</li>
</ul>
</span>
</div>
<br>
<div class="text">
<div class="spoilerButton" onclick="spoiler(this)">
<span>Окна и двери</span>
</div>
<div class="spoilerText">
<span>
<ul>
<li>Теплые металлопластиковые окнама REHAU</li>
<li>Входная дверь</li>
<li>Фурнитура и комплектующие</li>
<li>Монтаж</li>
</ul>
</span>
</div>
<br>
<div class="text">
<div class="spoilerButton" onclick="spoiler(this)">
<span>Инженерные системы</span>
</div>
<div class="spoilerText">
<span>
<ul>
<li>Скрытая разводка системы водоснабжения</li>
<li>Скрытая разводка системы...