JSFiddle - React, Tailwind, and code Playground

Fade in Page/Element - Animate

by Jennifer Perrin

HTML

<div id="skills">
    <p>Earlier this week I posted a Tutorial explaining how to create a Simple Twitter Feed Using jQuery. Lets take it a step further, and display that same feed in a scrolling format, showing just 1 tweet at a time.</p>
</div>

<br /><br />

<div id="fadeMeIn"><p>Animate Me Please</p></div>

CSS

#fadeMeIn { width: 50px; }

JavaScript

$(document).ready(function() {
    //$('body').hide().fadeIn(1000);
    $('#skills').hide().fadeIn(2500);
    
    $('#fadeMeIn').each(function() {
        $(this).on('hover', function(event) {
             $(this).animate({
                 width: "70%"
             }, 1500 );
        });
    });
    
    
    
})