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> 
    </div>
    <div class="slide">
        <p>Lipsum blah blah blah</p>
        <a href="#" class="next">Next</a> 
    </div>
    <div class="slide">
        <p>Lipsum blah blah blah</p>
        <a href="#" class="next">Next</a> 
    </div>
</div>

CSS

.form-slides {width:100000px;}
.slide {width:788px;float:left;}

JavaScript

$(document).ready(function(){

    $('a.next').click(function(){             
        $('.slide').animate({left:-720})
    })

});