title: Jquery Pageslide not working
body: <p>This doesn't seem like a complicated plugin at all but I can't get this to work - it's driving me crazy. Any help would be appreciated.  I'm sure i'm missing some Monday detail.</p>
  
  <p>Here's the url:  <a href="http://damon9.com/dev/DC/" rel="nofollow">http://damon9.com/dev/DC/</a></p>
  
  <p>Clicking the Resume button should slide the page right</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
   &lt;script type="text/javascript" src="lib/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.pageslide.js"&gt;&lt;/script&gt;
  
  &lt;script type ="text/javascript"&gt;  &lt;!---  I've tried both of these below and some others --&gt;
  
  $("a#resume_btn").pageslide({ direction: "right", modal: true });
  
  $("#resume_btn").pageslide(); 
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;a href="#modal" id="resume_btn"&gt;&lt;/a&gt;
  
  
      &lt;div id="modal" style="display:none"&gt;
  
   &lt;p&gt;This slide uses "modal" option set to "true". When using a modal pageslide, clicking on     the main window will not close the window. You must explicitly call &lt;code&gt;$.pageslide.close()&lt;/code&gt;.&lt;/p&gt;
          &lt;p&gt;&lt;a href="javascript:$.pageslide.close()"&gt;Close&lt;/a&gt;&lt;/p&gt;
  
  &lt;/div&gt;
  &lt;/body
  </code></pre>
  
  <p>css </p>
  
  <pre><code>#pageslide {
   /* These styles MUST be included. Do not change. */
   display: none;
   position: absolute;
   position: fixed;
   top: 0;
   height: 100%;
   z-index: 999999;
  
   /* Specify the width of your pageslide here */
   width: 400px;
   padding: 20px;
  
   /* These styles are optional, and describe how the pageslide will look */
   background-color: red;
   color: #FFF;
   -webkit-box-shadow: inset 0 0 5px 5px #222;
   -moz-shadow: inset 0 0 5px 5px #222;
   box-shadow: inset 0 0 5px 5px #222;
  }
  </code></pre>