ПРОЙДИТЕ ТЕСТ ЧТОБЫ УЗНАТЬ СТОИМОСТЬ КРОВЛИ ПОД КЛЮЧ И СРОКИ РЕАЛИЗАЦИИ
СТРОЙ КРОВЛЯ
Узнайте стоимость кровли под ключ и сроки реализации
Отлично! Последний шаг!
Введите ваши контакты для получения результатов теста
Для какого здания нужна кровля?
От типа здания будут зависеть применяемые материалы
Для чего нужна новая кровля?
Т.е. строится новое здание или это ремонтные восстановительные работы
Выберите примерную площадь крыши вашего объекта
30
5000
Будут ли дополнительные работы? (можете выбрать несколько вариантов)
Дополнительные полезные опции, которые можно выполнить существенно дешевле в момент монтажа кровли
Когда планируете начать работы?
Начало работ не ранее чем через 15 дней после заказа
Какой вариант для вас предпочтительнее?
Хотите получить бесплатный выезд замерщика на ваш объект?
Сможете замерить всё сами правильно или доверитесь опытному специалисту, который уже рассчитал ни один десяток крыш
Выберите кол-во объектов

Как создать штатный квиз BF919 и запустить его по клику на кнопке в ZeroBlock в Tilda

Как сделали данный пример для блоков ZeroBlock и BF919:
Квиз полностью выполнен в штатном режиме, но для скрытия и показа по клику был исползован небольшой скрипт

Порядок выполнения:
1. Создали ZeroBlock, оформили и добавили кнопку
2. Этой кнопке прописали ссылку #teststart
3. Добавили модификатор плавного скролла T178 после ZeroBlock
4. Затем добавили блок с якорной ссылкой Т173 ( имя ссылки: teststart)
5. Добавили блок с квизом BF919 и оформили его
6. Добавили скрипт на страницу
Скрипт вставляется в блок Другое►Т123

Если будут использованы другие ссылки, то с скрипте нужно заменить teststart на ваше значение

<style>
/*Скрываем блок с квизом при загрузке страницы*/
    [data-record-type="835"] { display:none; }
</style>
<script>
//При нажатии кнопки в блоке CR17
    $('[href = "#teststart"]').click(function() {
//Открываем блок с квизом по его ID
	$('[data-record-type="835"]').slideToggle(500);
// И блокируем кнопку после нажатия	и делаем непрозрачной
	$('[href = "#teststart"]').css( "pointer-events" , "none").css( "opacity" , "0.5");
});
</script>  
Made on
Tilda