title: Is it possible to have a back and forth button?
body: <p>Say I have 10 pages, I could easily have 10 different links sitting at the bottom of the page but that takes up valuable space, especially when developing for tablet.</p>
  
  <p>Is it possible to just limit my buttons to just two? (back and forth in a linear fashion page1, page2, page3, page4 etc.)</p>
  
  <p>Sort of similar to a carousel where each button would go back and forth without refreshing the page but switching out the content.</p>
  
  <p>Any ideas?</p>
  
  <p>Thanks in advance !</p>
  
  <p>EDIT: This is the code I have at the moment which switches out the content.</p>
  
  <pre><code>// handle menu clicks
  $('div#nav ul li a').click(function() {
  var page = $(this).attr('href');
  $content.slideUp("slow", function() {
    $content.load('content/' + page + '.html', function() {
      $content.slideDown("slow");
     });
  })
  
  return false;
  });
  });
  </code></pre>