JSFiddle - React, Tailwind, and code Playground

by ravimallya

HTML

<div id="cont">
    <div class="us">asdfafsdf</div>
    <div class="us">343464</div>
    <div class="us">asdfdsfds</div>
</div>

CSS

.us {
    border:1px solid;
    padding:10px;
}

JavaScript

$('#cont').children(".us").each(function() {
    $(this).mouseenter(function() {
         $(this).animate({marginRight: "10px"}, "fast");
    });
});