Load Pagify and jQuery:
<script src="jquery.min.js" type="text/javascript"></script> <script src="pagify.js" type="text/javascript"></script>
Create a div that will contain page content:
<div id='page_holder' />
Call pagify on the aforementioned div and pass in options. The only required option is pages
.
$('#page_holder').pagify({ pages: ['home', 'about', 'contact'], default: 'home' // The name of a page or null for an empty div });
Link to other pages by linking to hashes of their page names:
<a href='#contact'>Contact</a> <a href='#about'>About</a> ...
Create content pages in the same directory as the container as [page_name].html
i.e. about.html
<h1>About us</h1> <p>This is an about page!</p>