JSFiddle - React, Tailwind, and code Playground

by Boris Shpakovsky

HTML

<div id="block" style="bottom: 4%;"></div>
<a href="#" id="menu">menu</a>

CSS

#block {
    background: red;
    left: 4%;
    height: 30px;
    position: absolute;
    width: 90%;
}
#test {
    background: #eee;
    height: 300px;
    position: relative;
}

JavaScript

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