PageSlide Basic Demo

Below are a couple examples of how the plugin works:

• Slide to the right, and load content from a secondary page.

  
  <a href="_secondary.html" class="first">Link text</a>
  
  <script>
  
      $("a.first").pageslide();
  
  </script>
  
                  

• Slide to the left, and display hidden content from this page in a modal pane.

  
  <a href="#modal" class="second">Link text</a>
  
  <div id="modal" style="display:none">
  
      <h2>Modal</h2>
  
      <a href="javascript:$.pageslide.close()">Close</a>
  
  </div>
  
  <script>
  
      $(".second").pageslide({ direction: "left", modal: true });
  
  </script>
  
                  

• Open the page programatically.

  
  <a href="javascript:$.pageslide({ direction: 'left', href='_secondary.html' })">Link text</a>