JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<div class="wrap">
		<div class="box">center</div>
		<button type="" id="slide">wow</button>	
	</div>

CSS

.wrap{width: 120px;background: #fff;overflow: hidden;padding: 10px;}
	.box{height: 120px;width: 120px;background: #e5e5e5;position: relative;right:0;}

JavaScript

$(document).ready(function(){
		$('#slide').click(function(){
	 	 $('.box').animate({
                'right' : $('.box').css('right') == '0px' ? '130px' : '0px'
            }, 200);
	 	});
	});