Как реализовать выдвигающийся блок (скрин внутри)?

Question

[Space]

Нужно, чтобы при клике блок плавно выдвигался вниз и были видны мои элементы (голубые). Если же он скрыт, элементы не видно. Может есть какие готовые решения? Можно изменять высоту, но сделать это плавно нужно, не знаю как, и блоки скрывать как-то плавно нужно или просто их оставить с меньшим z-index.

Answer 1

[Александр Миранович]

Если я правильно понял вопрос jsfiddle.net/f48ZD/215

Comments

[Space]

То что надо! Спасибо, Александр.

[Space]

А можно сделать клик не на кнопку, а в любое свободное место в блоке border?

[Александр Миранович]

jsfiddle.net/f48ZD/216

[Александр Миранович]

Так?

[Space]

Александр Миранович: хм, я также прописывал, перезапустил и не работало. Да, так, спасибо. А вообще можно как-нибудь ограничить количество кликов? Т.е. я могу сто раз быстро кликнуть и эти клики все отработаются. Нужна проверка - если блок не раскрыт/не закрыт полностью, то клик новый не обработается.

[Александр Миранович]

проще делать так что бы не делать кучу проверок jsfiddle.net/f48ZD/219

[Space]

Александр Миранович: Спасибо, можно остановиться и на этом =)

[Space]

Александр Миранович: И еще, Александр, допустим у меня много "border" - каким образом можно оставлять активным только один. Например, раскрыл один блок, щелкнул на второй - первый закрывается, а второй открывается?

[Александр Миранович]

jsfiddle.net/f48ZD/223

[Space]

Александр Миранович: все бы хорошо, но обратно не скрывается открытый элемент, при клике на нем.

[Александр Миранович]

Rusnire: jsfiddle.net/f48ZD/226