Генератор вертикального аккордеона для Tilda

IDs блоков (через запятую) Радиус углов, px Длительность анимации, ms Цвет фона заголовка Цвет фона содержимого Разрешить открытие нескольких блоков одновременно URL иконки «плюс» (оставьте пустым для встроенного SVG) URL иконки «минус» (оставьте пустым для встроенного SVG) Угол поворота иконки, ° Generate

Сгенерированный код

`; return final; } /* ---------- UI ---------- */ document.getElementById('generate').addEventListener('click',()=>{ const ids=document.getElementById('ids').value.split(',').map(s=>s.trim()).filter(Boolean); if(!ids.length){alert('Заполните IDs блоков');return;} const radius=parseInt(document.getElementById('radius').value,10)||0; const duration=parseInt(document.getElementById('duration').value,10)||300; const headBg=document.getElementById('headBg').value; const bodyBg=document.getElementById('bodyBg').value; const allowMulti=document.getElementById('multi').checked; const plusUrl=document.getElementById('plusUrl').value.trim(); const minusUrl=document.getElementById('minusUrl').value.trim(); const rotateDeg=parseInt(document.getElementById('rotateDeg').value,10)||180; const snippet=buildSnippet({ids,radius,duration,headBg,bodyBg,allowMulti,plusUrl,minusUrl,rotateDeg}); document.getElementById('output').value=snippet; });

Генератор вертикального аккордеона для Tilda

ID блоков (через запятую) Одновременно открыт только один блок Длительность анимации (мс) transition‑timing‑function URL иконки «плюс» URL иконки «минус» Сгенерировать код

Скопируйте полученный код целиком