JSFiddle - React, Tailwind, and code Playground

by Boris Shpakovsky

HTML

<ul>
  <li id="block" class="bl"></li>
</ul>

CSS

.bl {
    background: red;
    left: 4%;
    height: 30px;
    position: absolute;
    width: 100px;
}

JavaScript

var _block = $("#block");
_block.click(function () {
    if (_block[0].style.left === '4%') {
        _block.animate({
            'left': '10%'
        }, 300);
    } else {
        _block.animate({
            'left': '4%'
        }, 300);
    }
});