jQuery .fadeIn() seems to skip the animation when used within a setTimeout function
I've tried everything I can think of but I've spent hours debugging this and I've looked through the documentation and I'm still confused about I'm working on a project and hit a roadblock... I'm working with an scenario where using jQuery's `.fadeIn()` within a `setTimeout` callback doesn't seem to perform the animation as expected. Instead of fading in gradually, the element appears immediately without any animation. Here’s a simplified version of my code: ```javascript $(document).ready(function() { $('#myElement').hide(); // Initially hide the element setTimeout(() => { $('#myElement').fadeIn(1000); // Should fade in over 1 second }, 2000); }); ``` I’ve tried varying the timeout duration and the fade-in duration, but the element still appears immediately, bypassing the fade effect. I also verified that `$('#myElement')` correctly selects the element by logging it to the console right before the `.fadeIn()` call. I checked for any CSS transitions that might be overriding the jQuery animation and found none. Additionally, I’m using jQuery version 3.6.0 and tested it in Chrome and Firefox, both showing the same behavior. Is there something I'm missing, or is there a known scenario with using jQuery animations within `setTimeout`? Any insights would be greatly appreciated! Am I missing something obvious? What am I doing wrong? Any feedback is welcome!