JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://malsup.github.io/jquery.cycle.all.js"></script>
<button class="date-nav-prev" id="prev"> Prev</button>
<button class="date-nav-next" id="next">Next ></button><br />
<div id="wrapper">

    <div class="user-actions daysAgo2">
    Actions from 2 Days Ago</div>
<div class="user-actions yesterday">
    Yesterday's Actions</div>
<div class="user-actions today">
    Today's Actions</div>
    </div>

CSS

#wrapper{width:250px; height:300px; border:1px solid #333;position:relative; float:left; 
 /*overflow:hidden;*/
}
.user-actions {width:100%; height:100%; position:relative; float:left; overflow:hidden; margin:0;}
.today {background:green;}
.yesterday {background:yellow;}
.daysAgo2 {background:orange;}

JavaScript

$('#wrapper').cycle({
    fx:     'scrollHorz',
    prev:   '#prev',
    next:   '#next',
    timeout: 0
});