JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-slides">
    <div class="slide">
        <p>Lipsum blah blah blah</p>
        <a href="#" class="next">Next</a> 
        <a href="#" class="back">back</a> 
    </div>
    <div class="slide">
        <p>Lipsum blah blah blah</p>
        <a href="#" class="next">Next</a> 
        <a href="#" class="back">back</a> 
    </div>
    <div class="slide">
        <p>Lipsum blah blah blah</p>
        <a href="#" class="next">Next</a> 
        <a href="#" class="back">back</a> 
    </div>
</div>

CSS

.form-slides {width:100000px;}
.slide {width:720px;float:left;left:0;position:relative; background:#ffffff;}

JavaScript

$(document).ready(function(){

    $('a.next').click(function(){  
        $('.slide').next().animate({"left": "-=720"}, 500);
    })
    $('a.back').click(function(){  
        $('.slide').prev().animate({"right": "-=720"}, 500);
    })

});