Платье Elara

Описание

.accordion {
background-color: #f9f9f9;
color: #111;
cursor: pointer;
padding: 14px 20px;
width: 100%;
border: none;
border-bottom: 1px solid #ddd;
text-align: left;
font-size: 16px;
transition: background-color 0.3s ease;
}

.accordion:hover {
background-color: #f1f1f1;
}

.accordion::after {
content: ‘+’;
float: right;
font-weight: bold;
}

.accordion.active::after {
content: ‘-‘;
}

.panel {
display: none;
padding: 10px 20px;
background-color: white;
border-bottom: 1px solid #eee;
font-size: 15px;
line-height: 1.6;
}

/* Добавим отступ между панелями */
.panel + .accordion {
margin-top: 10px;
}

Состав

Доставка

const acc = document.querySelectorAll(“.accordion”);
acc.forEach((btn) => {
btn.addEventListener(“click”, function () {
this.classList.toggle(“active”);
const panel = this.nextElementSibling;
panel.style.display = panel.style.display === “block” ? “none” : “block”;
});
});