Почему у элемента появляется style="display: none;"?

Question

[Jomm]

После того как я нажимаю вне элемента "box" у элемента появляется style="display: none;"

var box = document.querySelector('.box');
$(document).click(function(e){
	if($('.box').fadeOut())
	{
		box.classList.add('animation');
	}
});

Answer 1

[Алексей]

Ну так у вас в if вызывается метод fadeOut на классе box, а в jquery fadeout после того как opacity элемента достигнет 0 убирает его полностью как раз через установку display в none

Answer 2

[Никита]

На второй строке вы добавили обработку клику на документ. Строкой ниже у вас вызывается метод fadeOut, который и добавляет style="display: none;".