JSFiddle - React, Tailwind, and code Playground

by Reigel Gallarde

HTML

<div id="note-1" class="note first_note">
    note display here1
</div>
<div id="note-2" class="note">
    note display here2
</div>
<div id="note-3" class="note">
    note display here3
</div>

CSS

div.note {
    float:left;width:60px;  
    padding:0 0 0 50px;
    position: relative;
}
div.first_note {
    margin-left: 20px;
}

JavaScript

$('.note').animate({
    "left": "+=500px"
}, 5000);