JSFiddle - React, Tailwind, and code Playground

by pramendra

HTML

<button class="left-slide" > click </button>
<div class="container">
    <div class="post"> some thing goes here </div>
    <div class="post"> some thing goes here1 </div>
    <div class="post"> some thing goes here2 </div>
    <div class="post"> some thing goes here3 </div>
    <div class="post"> some thing goes here4 </div>
    <div class="post"> some thing goes here5 </div>
</div>    
<div class="meter"></div>

CSS

.container{
    width:2000px;
}
.post{
    width:200px;
    margin:2px;
    border:solid;
    display:inline-block;
}

JavaScript

$('.left-slide').click(function(){
    var ll = $(".post:last").offset().left;
    $(".meter").html(ll);
    width = ($('post').width())*3;
    $('.container').animation(function(){
        left:width;
    });    
});