Как задать плавное появление блока?

Question

[cracker-test]

Есть блок, который появляется по клику на кнопку. К блоку через js добавлялся класс со стилями display: none. Для того, чтобы сделать плавное появление блока, то dispaly заменил на opacity: 0. Проблема в том, что блок плавно появляется и исчезает, но когда opacity: 0 блок по сути является рабочим и на него можно нажать. Как исправить эту проблему?

Answer 1

[Юрий Горбунов]

Добавить

visibility: hidden / visibility: visible

И еще можно использовать свойство pointer-events: none;

Оно отменяет "рабочесть" блока (на него нажать, выделить и т.п.)