Раскрывающийся слой

[kms]

Не знаю правильно вопрос задал или нет, только начал разбираться во всем этом :)
Вот у меня вот так

2017-09-17_032724.png

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

[sinpai]

shapkasetka.zip

Посмотрите, как организованы события на значке поиска и на крестике на скрытой сетке.

[kms]

Спасибо за пример. Попробую разобраться как это можно применить.

[kms]

Почти день убил на это :)
Нашел скрипт Collapsorz, в нем объекты лишние скрывались а вот сам слой в размере не изменялся.
Переделал, вроде работает.
Завтра буду думать как сделать что бы нижние слои изменяли позицию в зависимости раскрыт верхний слой или нет.
Вот пример того что сделал.

Collapsorz.rar

[Alex33]

Ради интереса скачал, открыл , что то у меня не работает, по про бывал по нажимать не чего не происходит

[sinpai]

А на что было убивать день?
Просто создаем события, как в примере. И вместо LayoutGrid2 ставим имя необходимого вам слоя.

1.JPG

2.JPG

3.JPG

[kms]

Alex45,
Если ты проект открывал, то в объекте "Источник файла", возможно нужно подправить путь до скрипта.
У меня в настройках прописано что бы все скрипты падали в папку js, у тебя наверное по другому.
Открой index.html в браузере, должно работать.

Отправлено спустя 34 минуты 9 секунд:
sinpai,
мне вот так вот нужно было, у тебя как я понял просто скрывается слой.
Ну возможно не правильно понял.
В любом случае со скриптом разобрался, еще доработаю его под свои нужды.

https://youtu.be/axN0_B7iKzI

[sinpai]

В примере, который я вам привел, все сделано на событиях, у вас на скрипте.
Результат, по моему, один и тот же.

[Vitamin701]

sinpai, как раз ищу подобное. Но чтоб одна и та же кнопка открывала слой и закрывала. Поигрался...не получается. Может уже есть еще решения ?

Отправлено спустя 7 минут 54 секунды:
Вот как тут https://paganel.tv/tibet2019-new#rec136926206 . Можно такое сделать ? Желательно средствами билдера

[Vitamin701]

Нашел то , что искал. Может Кому пригодится...а то долго искал. https://wysiwygwebbuilder.ru/forum/viewtopic.php?p=37774#p37774