Всем привет, Подскажите пожалуйста, как сделать, чтобы окно выпадало по всей ширине окна ? т.е. нужно чтобы выпадающая вкладка как-бы "разрезала" окно по горизонтали и внутри можно было-бы поместить фото с инфографикой или отдельный текст (пример на фото). сайт: www. fastfilms . xyz Заранее благодарю всех за помощь !
Вы ответ на вашу задачу еще не получили, потому что не до конца понятно, что вы хотите. Вам нужно четче расписать все что вы хотите. Какое окно? Где оно находится? Как разрезала? Вариантов с анимацией "разрезания" куча, поэтому нужны детали.
Здравствуйте, bloger. В общем идея следующая, чтобы при наведении курсора на ссылки в блоке <div class="about" id="about"> (доставка, переводчики, доп услуги и тд.) под кнопками разъезжалась страница (пример на фото я добавил), хочу вставить туда инфографику. То есть пример: Навел курсором на "доставка" - разъехалась страница по середине, внутри с инфографикой по доставке, навел курсором на "переводчики" - разъехадась страница с инфографикой по переводчикам. и так далее... При наведении на кнопки: "доставка", "доп услуги", "поиск производителя" - страница должна разьехатся снизу кнопок (как на фото) При наведении на кнопки: "переодчик", "перевод денег", "проверка постовщика" - страница должна разъехатся сверху кнопок. То есть чтобы всегда инфографика разъезжалась по центру блока. Вариант анимации css без разницы, просто плавное разворачивание спойлера. Заранее благодарю за ответ. P.S. если остались вопросы, пожалуйста напишите, постараюсь ответить на все вопросы.
Вот вариант написал - http://codepen.io/bologer/pen/GWgVLN Дальше уже сами под себя подстраивайте. Самое главное использовать классы .slide и .slide-content и код jquery (можете поменять имена если они уже каким-то плагином используются у вас).