JSFiddle - React, Tailwind, and code Playground

HTML

<a href="" class="left">left</a> | <a href="" class="right">right</a>

<br /><br />


    <div id="foo" style="background:red;width:100px;height:100px;position:absolute"></div>

CSS

body { padding: 0; }

JavaScript

$('.right').click(function(e) {
                    e.preventDefault();
                    $('#foo').css({ 'right': '0px', 'left': '' }).animate({
                        'right' : '30px'    
                    });                    
                });
                $('.left').click(function(e) {
                    e.preventDefault();
                    $('#foo').css({ 'right': '', 'left': '0px' }).animate({
                        'left' : '30px'
                    });                    
                });