Как выполнить скрытие и показ одновременно?

Question

[Valsin]

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

Comments

[Антон Швец]

как бы так открыть один глаз и одновременно закрыть

[Valsin]

Антон Швец, ну, на jQuery это спокойно реализуется, а вот на нативном js у меня не получается

Answer 1

[Антон Швец]

Оно и происходит одновременно, но у вас max-height: 1000px; transition: max-height 1s;
Когда вы делает клик, максимальная высота одного начинает увеличиваться с 0 до 1000, а у друго уменьшаться с 1000 до 0. В течении секунды аж.
У которого от 0 до 1000 max-height быстро вырастет на достаточную величину чтобы показать элемент, а когда с тысячи едет, элемент пропадает из виду почти в самом конце анимации.

Решение - уменьшить время анимации и уменьшить высоту.

Comments

[Valsin]

Спасибо огромное, даже не подумал об этом)