JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<script src="http://xoxco.com/projects/code/multipage/jquery.multipage.js"></script>
<link rel="stylesheet" href="http://xoxco.com/projects/code/multipage/jquery.multipage.css">
<!--
    This little editor let helps us isolate the problem you are having
    with XOXCO's Multipage Form plugin, and helps us help you!
    Change the markup below so that it closely resembles the code in your page. 
    It probably already looks something like this:
-->

<div id="wrapper">
    <form id="multipage">
<fieldset id="page1">
    <legend>Page One</legend>
    <p><label>Element 1:</label><input type="text" name="element_1" /></p>
    <p><label>Element 2:</label><input type="text" name="element_2" /></p>
</fieldset>    
<fieldset id="page2">
    <legend>Page Two</legend>

    <p><label>Element 3:</label><input type="text" name="element_3" /></p>
    <p><label>Element 4:</label><input type="text" name="element_4" /></p>
</fieldset>
<fieldset id="page3">
    <legend>Page Three</legend>

    <p><label>Element 5:</label><input type="text" name="element_5" /></p>
    <p><label>Element 6:</label><input type="text" name="element_6" /></p>
    <p><input type="submit" value="Save" /></p>
</fieldset>
</form>
</div>

CSS

#wrapper { 
 margin: 20px;    
}

JavaScript

// Customize the call to $.multipage() to match your code.
// Include all the parameters you are calling, and any other code 
// necessary to demonstrate the problem you are having.
// The docs are here: http://xoxco.com/projects/code/multipage
// 
// If you can't recreate the problem here, check your original code for issues.

$('#multipage').multipage({
    // your parameters here
});


// Once you can recreate the problem here,
// * Click the "Update" button above
// * Then send the resulting link to [email protected]
// Someone from XOXCO will get in touch as soon as possible.