Как задать плавное исчезновение блока в этом js коде?

Question

[Please2334]

$('.header__bottom-img').on('click', function(){
        $(this).closest('.header__bottom').hide();
    })

Answer 1

[Алексей Ярков]

Анимировать через CSS, а в JS манипулировать классами

Comments

[Please2334]

Помогло следующее. Это как-то принципиально меняет ситуацию?

$('.header__bottom-img').on('click', function(){
        $('.header__bottom').fadeOut(600); 
    })

[Алексей Ярков]

Please2334, ну я придерживаюсь правила, что если что-то можно сделать через CSS, то надо делать через CSS.

Answer 2

[gogowq]

$('.header__bottom-img').on('click', function() {
    $(this).closest('.header__bottom').fadeOut(1000); // Исчезновение за 1 секунду
});