Есть 3 блока. Как сделать так что бы один блок при нажатии открылся, а предыдущий закрылся?

Question

[freeman0204]

Код В принципе получилось. Но когда сворачиваю, оно как то не плавно, особенно в конце, почему то скачет. И если я открыл один блок, а потом второй, то первый не закрывается. Как сделать так что бы закрывался и не скакала анимация? Догадываюсь что нужно условие if else, но у меня пока не вышло.

Answer 1

[Андрей Федоров]

codepen.io/aliencash/pen/ZQwzmQ
пользуйтесь...

Comments

[Павел Алмазов]

ваш пример не закрывает их обратно

[Андрей Федоров]

Павел Алмазов: А была такая задача?

[Павел Алмазов]

Андрей Федоров: Если вы присмотритесь повнимательней к примеру который выложил ТС, то там видно что они закрываются по клику .
Вопрос стоит в том что сворачиваются они не очень плавно.
И еще фраза "И если я открыл один блок, а потом второй, то первый не закрывается. " которая даёт понять что надо сделать так чтоб можно было открыть сразу несколько блоков, и при этом чтоб остальные не закрывались, в вашем примере они закрываются

[Андрей Федоров]

Павел Алмазов: Ну пример ТС не работает как надо, иначе вопросы бы не было. А фразу, которую вы приводите я понял по другому - одновременно открыт может быть только один.

Если очень хочется, поменяйте в моей примере type у input с radio на checkbox, и будет работать как вы хотите.

Answer 2

[Павел Алмазов]

Этот пример почему то "дёргается" в песочнице, хотя плавно срабатывает после загрузки на сервер