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>