HVOYA
We organise dream holidays to breathtaking places all over the world. Choose from our special destinations or suggest your own
HVOYA
HVOYA
More products
More products
More products
О проекте
Хвоя — это производство авторских светильников и декора из хвойных пород деревьев. Основано в 2015 году дизайнером Анной Феоктистовой в Нижнем Новгороде. Основная концепция — совмещение уюта и тепла натурального дерева с функцией светильника. Давно известные светодиодные технологии позволяют воплотить идею в жизнь и сделать это безопасным.
Свяжитесь со мной
Анна
Телефон: 8950 600 07 92
E-mail: hvoya.pro@yandex.ru
Click to order
Cart
Total: 
Ваше имя
Ваш Email
Ваш телефон
Payment method
ВЕСЬ КОНТЕНТ ПРИНАДЛЕЖИТ HVOYA STORE
Фотографии и тексты использованы для демонстрации возможностей шаблона сайта, пожалуйста, не используйте их в коммерческих целях.

Как сделать показ скрытых блоков по клику на любую кнопку или ссылку в Tilda

Как выполнили данный пример
1. Создали ZeroBlock и добавили в него элемент Button
2. Присвоили этой кнопке ссылку #collection
3. Добавили блок T178 - модификатор плавного скролла
4. Добавили блок Т173 Якорная ссылка и задали ей значение - collection
5. Создали 3 блока из категории Магазин - ST300
6. Добавили код на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123
СПИСОК ВСЕХ ВИДЕО
Видеоинструкция данного примера
Видеоинструкция данного примера доступна в архиве
mo-tilda Level UP.
Наглядно показано как создавать подобные вещи и применять их в своих проектах.
Содержание:
1. Делаем показ/скрытие одного блока
2. Делаем показ/скрытие трёх блоков
3. Создаём кастомный плавный скролл
4. Пробуем работать не только с кнопкой
5. Как разбить текст на участки и скрывать/открывать нужный
6. Как скрывать отдельный элемент, а не блок целиком
7. Блоки с инииализацией
8. Как работать в ZeroBlock со скрытием
9. Как создать несколько таких объектов
10. Как изменить надпись скрыто/открыто

Показ и скрытие блоков при клике на элементы , содержащие заданную ссылку.
Длительность видео: 42 мин
Подписка к видеоинструкции на платной основе
Фрагмент из видео
Код из этого примера
<style>
/*Скрываем наши блоки по ID*/
#rec58445838 , #rec58449403 , #rec58459124 {
    display:none;
}
</style>
<script>
//При нажатии на кнопку со ссылкой #collection
 $('[href = "#collection"]').click(function() {
setTimeout(function() {
//Открываем первый блок 
   $('#rec58445838').slideToggle(500); //и задаём время анимации   
}, 1000);//Задаём время задержки перед открытием после клика
//Открываем второй блок
setTimeout(function() { 
   $('#rec58449403').slideToggle(500);//и задаём время анимации    
}, 1500);//Задаём время задержки перед открытием после клика
//Открываем третий блок
setTimeout(function() { 
   $('#rec58459124').slideToggle(500);//и задаём время анимации    
}, 2000);//Задаём время задержки перед открытием после клика
});
</script>
Made on
Tilda