Раскрывающиеся вопросы-ответы: плюсик поворачивается, высота анимируется.
uc-dropdown-block.dropdown, внутри open-button и open-dropdown.<style>
.uc-dropdown-block .t396__artboard {
height: auto !important;
overflow: hidden !important;
}
.open-dropdown {
transition: height 0.2s ease;
overflow: hidden;
}
.dropdown:not(.active) .open-dropdown {
height: 0 !important;
}
.dropdown {
cursor: pointer;
}
.open-button {
transition: transform 0.2s ease;
/*transform: rotate(90deg); /* Теперь начальное положение — повернуто */
}
.dropdown.active .open-button {
transform: rotate(180deg); /* При активации — возвращается в обычное положение */
}
</style>
<script>
document.querySelectorAll('.dropdown').forEach(dropdown => {
dropdown.addEventListener('click', () => {
dropdown.classList.toggle('active');
});
});
</script>