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

Question

[Дмитрий]

Здравствуйте! При клике вне diva он закрывается, но не открывается снова. Как исправить? https://jsfiddle.net/cpss55r1/4/

Answer 1

[Сергей delphinpro]

Как открываешь, так и закрывать надо
https://jsfiddle.net/DelphinPRO/cpss55r1/5/

Comments

[Дмитрий]

Сергей извините, а как сделать, чтобы при клике вне дива он только закрывался. Потому что он еще и открывается при клике вне дива.

[Сергей delphinpro]

Дмитрий: добавили классы - открылся. убрали классы - закрылся. Выводы?

[myaca]

Сергей: интересно ваше мнение по поводу такого скрытия элемента, у него он скрывается отрицательным значением left по ширине блока. А вы как бы сделали такой же эффект? Мне кажется что такой вариант не очень хороший, но быстро придумать не могу ничего.

[Сергей delphinpro]

myaca: Оптимальнее анимировать свойство transform (transform: translateX(-100%)). Из-за особенностей рендера область перерисовки будет меньше и ляжет только на плечи GPU. Как результат - меньшая вероятность фризов и плавные анимации.

[Дмитрий]

Сергей да, действительно глупый вопрос. https://jsfiddle.net/cpss55r1/10/