Was ist die richtige Syntax zum Einblenden eines Elements mit jquery?

Question

Ich versuche, den Namen meiner Website zu verblassen, wenn die Seite mit jquery geladen wird Aber es funktioniert nicht, es sei denn, ich mache es in der Konsole. Also ich weiß, es funktioniert, aber nicht sicher, was ich falsch mache ich sah die Dokumentation und versucht, diese

{% if title == 'home' %} 
    <header class="intro-header" id="hedr" style=""> 
     <div class="container"> 
      <div class="row" style="height:500px"> 
       <div > 
        <div class="site-heading"> 
         <h1 class="site-name text-center pic" id="heights">HiSPANIC HEiGHTS</h1> 
         <!--<hr class="small">--> 
         <!--<span class="subheading">A Clean Blog Theme by Start Bootstrap</span>--> 
        </div> 
       </div> 
      </div> 
     </div> 
    </header> 
{% endif %} 

<script> 
    $(document.body).ready(function(){ 
    $("#heights:hidden:first").fadeIn("slow"); 
    }); 
</script> 

ich Django bin mit, ob das etwas auf meine Antwort bedeutet. Lass mich wissen, was ich falsch mache, damit ich es beheben kann.

Answer 1

$(document).ready(function() { 
    $("#heights").fadeIn(500); 
}); 

Hier 500 bedeutet 500 Millisekunden. Auf diese Weise sind 1000 Millisekunden 1 Sekunde. Auf diese Weise können Sie angeben, wie langsam oder schnell Ihr Einblenden funktioniert.

Answer 2

Ich fand es heraus. Dies funktioniert

<script> 
     $(document.body).ready(function(){ 
      $("#heights").hide().fadeIn(3000); 
     }); 
    </script>