Simple .animate with jquery
<p>For some reason every time I try to implement jquery into my code it doesn't work. I know the basics of writing jquery and look up what I'm trying to do but apparently can never get it right even if my code is exactly similar to an online example. </p>

<p>All I am trying to do here is make #time slide down from off of the screen to it's normal position on page load. I tried .slideDown and .animate (top)</p>

<pre><code>&lt;div id="time"&gt;
    &lt;h1&gt;Good Evening&lt;/h1&gt;
&lt;/div&gt;



 #time {
    width: 100%;
    height: 50px;
    background-color: #000;
}

#time h1 {
    color: #D4AF37;
    font-size: 38px;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    text-align: center;
    letter-spacing: 5px;
    font-style: italic;
    margin-top: 0px;
    line-height: 50px;

}

$(function() {
        $('#time').animate({
        top: '50px'), 200
      });
    });
</code></pre>

<p><a href="https://jsfiddle.net/d025dsqb/" rel="nofollow">https://jsfiddle.net/d025dsqb/</a></p>