FadeIn does not work

Question

I thought maybe this method was removed in the new version of jQuery 3.1.1, but connecting the old version 1.11.0 still doesn’t have a smooth appearance. What's the matter?

$(document).ready(function(){ $('div').text('Ля-ля').fadeIn(1000); });

 div { width: 200px; height: 300px; background: black; color: red; }

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <div></div>

Vadim Ovchinnikov 8.521 3 gold marks 26 silver marks 64 bronze marks · Accepted Answer · 2017-01-08T17:23:38

Before the object appeared, it must be hidden.

 $('#block').hide().fadeIn();

If the object is initially visible, the animation is skipped.

 $('#block').hide().fadeIn();

 #block { background:#000; color:red; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="block"> text </div>

Therefore, we use comments only on the case - to clarify the problem, to give constructive criticism or add useful information.
To thank the author of the answer, vote for the answer or mark it as a decision.

FadeIn does not work

1 answer 1

More articles: