Аккордеон на вебфлоу, анимированный раскрывающийся список, блок ответы на вопросы webflow

В данном видео я покажу как реализовать стильный анимированный блок с ответами на вопросы, так же это может быть просто появление чего угодно, при нажатии на кнопку или текст. При этом плавно и красиво. Все будет сделано средствами webflow, без использования стороннего кода. Данный блок очень часто встречается на сайтах, поэтому видео будет полезно каждому из вас. Так же, если хотите получить заготовки подобных блоков от меня, то они доступны в моем индивидуальном обучении - artstranger.ru/webflow/#study
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog.com/webflow/
- Индивидуальное обучение freelance-blog.com/study/
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - [e-mail]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog.com/
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog.com/webflow/
👉 • Материалы для уроков - freelance-blog.webflow.io/
👉 • Индивидуальное обучение - freelance-blog.com/study/
•••••••••••••••••••••••••••••••

[@user-bv2nm9ti5c]

Спасибо за ваш ответ на коментарий. У меня тоже блоки накладыаались друг га друга. Поменяла Dropdown list на Static, и все получилось!

[@freelance-pro]

Вот и отлично 👍

[@alexandrlabazov8210]

Классно! Вот сейчас посмотрю все ваши видео по webflow и приду к Вам на обучение!!!!!

[@freelance-pro]

Супер!!! Буду рад))

[@sitebuy]

Скажу как прошедший обучение ученик. Дмитрий опытный специалист. Доводит и показывает все до конца, и дает много полезных фишек в дальнейшем для работы, которые здорово экономят время. Рекомендую на все 100% обучится именно у него!! Не пожалеете.

[@alexandrlabazov8210]

Спасибо большое! Сначала нужно у него все бесплатные штуки выучить!@@sitebuy

[@freelance-pro]

👍👍👍

[@user-bv2nm9ti5c]

Добрый день. Подскажите, пожалуйста, почему при скачивании сайта с Webflow, выпадающий список не работает? Ошибка в css или js?

[@freelance-pro]

Пишите мне в телеграм будем разбираться

[@born8008]

Дмитрий. Вопрос. У вас в видео при открытии Dropdown List и DropdownToggle как бы одновременно смещаются немного вверх, а у меня DropdownToggle остается на месте и просто выпадает Dropdown List. Где посмотреть ошибку?

[@freelance-pro]

Там уже надо ваш проект смотреть, где несостыковка, что-то вы упустили. Личные консультации с входом в ваш аккаунт и разбором ошибок доступны моим ученикам, буду рад видеть вас среди них)))

[@stanislavg4083]

Добрый день! Можете подсказать как сделать динамический контент привязанный к dropdown? Допустим есть блок pricing с стандартными 3 пакетами, в одном из них есть dropdown в котором есть выбор между item 1, item 2, item 3 и тд., ниже dropdown цена, так вот как сделать так что бы цена менялась в зависимости от выбранного item в dropdown? Думал это сделать через CMS collections, но не вышло привязать один элемент (dropdown) в блоке в другому (pricing text). Пока все что находил, это гайды через кастомный код в веблофу( ПС. Спасибо за все ваши видео, очень полезно и информативно

[@freelance-pro]

Добрый день, это нужно делать за пределами вебфлоу вручную.

[@stanislavg4083]

​@@freelance-pro Спасибо!

[@freelance-pro]

Пожалуйста 😊

[@user-uj9pp2di7r]

Вопрос: у меня в Dropdown помещен Слайдер. Когда я нажимаю на стрелку слайдера, чтобы слайд сменился, у меня закрывается Dropdown. Возможно ли вообще сделать так, чтобы Dropdown открывался и закрывался только при нажатии триггера открывания? чтобы открытие и закрытие было от клика по одному и тому же элементу. (как в сплывающей форме на крестик) Потому что, как я понимаю, закрывается дропдаун от нажатия по любой области, в том числе и стрелки слайдера, помещенного внутрь ПС - в десктопной версии все работает нормально, ничего не закрывается. Вот с мобильной версией проблемы.

[@freelance-pro]

Да, через анимации

[@user-qt7jm6oz9u]

Дмитрий, огромное спасибо за урок. Получилось все собрать но почему-то в Preview не отображается. При проведении курсором по экрану, в месте где должен быть Dropdown, курсор меняется со стрелки на руку. А на экране ничего не видно. Два раза переделала по видео. Все ровно не видно "аккордеона". Может подскажете в чем может быть проблема?

[@freelance-pro]

Пожалуйста, если в привью не отображается а на видео все ок, тогда нужно повторить с начала и внимательно все делать 1в1 тогда будет как надо, такое бывает, что с первого раза не получается. А конкретно в чем ваша проблема сказать без просмотра вашего проекта невозможно, но и тут я могу помочь, разборы вашей работы доступны для учеников, подробнее тут freelance-blog.com/study/ приходите научу делать хорошие сайты за которые платят хорошие деньги)))

[@born8008]

И еще вопрос. При копировании блоков Вопрос они накладываются друг на друга и выпадающий текст закрывает следующий блок Вопрос., а у вас на видео следующий блок плавненько смещается вниз , тем самым давая пространство для выпадающего текста сверху. Из видео не совсем понял как от этого уйти

[@freelance-pro]

Возможно у вас блоки имеют позиционирование absolut а должно быть statick

[@born8008]

@@freelance-pro спасибо, проверю

[@freelance-pro]

Пожалуйста 😉 отпишитесь получилось ли))

[@user-uj9pp2di7r]

​@@freelance-pro Доброго времени суток! Спасибо за видео - я учусь по ним) --- Без малого я две недели боролся с такой же проблемой, что и у автора данного вопроса. Я думаю все здесь понимают сколько нервов мне этого стоило!) Пишу ответ на вопрос автору вопроса: чтобы все работало, как часы, нужно: 1) смотри иерархию дерева - сначала идет див блок, в котором расположен Grid, в котором еще один див блок, в котором уже находится дроп лист. (не знаю важно ли это, но у меня были с этим проблемы) 2)в настройках дроп листа во вкладке Layout посмотри, чтобы была включена настройка 3я справа ( " |[]| "

[@user-uj9pp2di7r]

@@born8008 напиши если получилось! буду признателен!

[@user-gz3yi9cs3q]

Подскажите как первый элемент сделать открытым по умолчанию?

[@user-nk6yi5kb3e]

Тоже интересует

[@freelance-pro]

Анимацию прописать

[@user-ld9ig3ij5c]

Пожалуйста, не записывай звук в стерео, звук микрофона пишется в моно канал. Ты когда головой мотыляешь, звук то с одной стороны, то с другой, я смотрю на скорости 1.5 и это очень сильно мешает сосредоточиться. В моно канале звук будет одинаково с двух сторон идти, не будет этого 3Д эффекта

[@freelance-pro]

Смотрите видео свежее и все будет ок 👍