JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<div>F U B A R 1</div>
<div>F U B A R 2</div>
<div>F U B A R 3</div>
<button>Prevs</button>
<button>Next</button>

CSS

div { float:left;border: 1px solid red;display:none;}

JavaScript

$(function () {
    $("div:first").show("slide",{'direction':"left"},1000);
    $('button:last').click(function () {
        $("div:visible").hide()
            .next().show("slide",{'direction':"left"},1000);
    });
    
    $('button:first').click(function () {
        $("div:visible").hide()
            .prev().show("slide",{'direction':"right"},1000);
    });
});