Создание раздвижной ссылки

Сообщение **foy800** » 15 сен 2016, 13:22

Кто может помочь реализовать кнопку, при нажатии на которую открывается информация,а при повторном нажатии скрывается?
Пример: http://bath.landing-creator.ru/ там в нижней части есть кнопка "посмотреть остальные ошибки" а так же "посмотреть остальные причины работать с нами" вот как нужно.

Если ссылки задать события, то получается только так (например клик "закрыть", а двойной клик открыть). Но хочется, что бы всё работало по одному клику, и по умолчанию нужная информация была скрыта, а при нажатии открывалась сдвигаясь вниз.

Сообщение **Alex15963** » 15 сен 2016, 17:14

Через события. Имеем 2 слоя. Один скрытый, другой нет. При клике на кнопку, скрытый слой показываем , а тот слой, что уезжает вниз выбираем в событиях онклик- анимация(Джава)- в позиционировании выбираем на какую глубину уходит слой. Назад тоже самое. Кнопки разные. Одна открывает, вторая закрывает

Сообщение **PanDA** » 15 сен 2016, 19:24

есть элегантное решение от одного из старожилов форума (код и пример), но ТС даже поиском поленился воспользоваться

Алекс15963 писал(а):Через события. Имеем 2 слоя. Один скрытый, другой нет. При клике на кнопку, скрытый слой показываем , а тот слой, что уезжает вниз выбираем в событиях онклик- анимация(Джава)- в позиционировании выбираем на какую глубину уходит слой. Назад тоже самое. Кнопки разные. Одна открывает, вторая закрывает

Алекс, можно Вас попросить если есть время накидать в проекте как это должно работать, по описанию попробовал - не вышло. Спасибо

Сообщение **Alex15963** » 15 сен 2016, 23:16

Когда-то делал сайт вот кусочек. Я думаю, что разберешься.При предпросмотре нажми на моргающую стрелочку "вниз"

Сообщение **Abdulla** » 17 сен 2016, 18:57

это кажется спойлером называется.
если неверно поправьте меня.
А так наподобие этого есть jQuery Гаромшка

Алекс15963 писал(а):Когда-то делал сайт вот кусочек. Я думаю, что разберешься.При предпросмотре нажми на моргающую стрелочку "вниз"

Спасибо огромное, все получилось.

Сообщение **Borzenkov** » 20 фев 2017, 12:25

Ребят, подскажите как сделать. Пример, который в теме возможно может помочь, но он не распаковывается. Может кто нибудь перезалить или объяснить. Заранее большое спасибо!!!

Сообщение **Sveta2608** » 20 фев 2017, 12:50

пример

Desktop.rar

Сообщение **Borzenkov** » 20 фев 2017, 13:05

Sveta2608, Спасибо огромное! То что нужно!

Сообщение **Alex15963** » 20 фев 2017, 13:30

Я не помню, что там было. По моему этот. https://drive.google.com/file/d/0B_WcKe ... sp=sharing

Кто сейчас на конференции

Добро пожаловать на форум!