Triggering an animation after removing the hidden property?

Question

css

When the hidden class is removed, the animation does not play.

$(this).removeClass('hidden');	
$(this).css('transform','translateY(0)');

But if you paste the output into the console before that, it starts.

console.log($( this ).css('transform'));;
$(this).removeClass('hidden');	
$(this).css('transform','translateY(0)');

Why is this, and what is an adequate way to make the animation work?

Answer 1

And so?

$(this).removeClass('hidden');	
setTimeout(() => $(this).css('transform','translateY(0)'), 0);