JSFiddle - React, Tailwind, and code Playground

by sperske

HTML

<div id="quote">
    <p>Funny stuff happens with Java script</p>
    <p>this is turning out to be more work than I thought it would be!!</p>
    <p>I like Java more!!</p>
</div>

CSS

#quote {
    background: white;
    border: 2px solid #333;
    display: block;
    margin: 0 auto;
    padding: 10px;
    width: 100px;
}
#quote p {
    color: #333;
    font-weight: bold;
    text-align: center;
    display: none;
}

JavaScript

$(document).ready(function () {
    $("#quote p").each(function(index) {
        $(this).delay(5000*index).fadeIn(300);
    });
});