К примеру блок:
<div id="element">
</div>
<button class="open">open</button>
<button class="close">close</button>
Мне необходимо, в первые с таким столкнулся, при нажатии кнопки Open добавить к #element класс show через секунду заменить show на opened . Если жмем кнопку закрыть close то меняем сразу класс opened на hide через 0.5 секунды убрать и hide
Буду благодарен если подскажите как сделать второе действие выше если нажать мышкой или пальцем вне #element тоесть просто закрыть его в том же порядке
