title: having an issue with my jquery responsive webpage
body: <p>I am building a responsive webpage and so far i have some of it functioning. however there is one aspect i cannot seem to do
  i would like to use jquery to move my vertical menu that is on the left of the page by -280px left (off the page) therefore the 
  entire content of the page will be shown. this should only happen when a submenu link is clicked and return it when a link at the top of the page is clicked.
  I hope I have described this clearly. how would i go about writing such a script?</p>
  
  <pre><code>HTML
   &lt;nav class="pushmenu-left"&gt;
  
                  &lt;div id="caption"&gt;&lt;h1&gt;Mobile&lt;/h1&gt;&lt;/div&gt;
  
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#tab-1"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#tab-2"&gt;Support&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="active"&gt;&lt;a href="#tab-3"&gt;Web Design&lt;/a&gt;
  
                          &lt;ul&gt;
                            &lt;li&gt;&lt;a href="#tab-4"&gt;HTML&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#tab-5"&gt;CSS&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#tab-6"&gt;JavaScript&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="#tab-7"&gt;Content Management&lt;/a&gt;
  
                          &lt;ul&gt;
                            &lt;li&gt;&lt;a href="#tab-8"&gt;Joomla&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#tab-9"&gt;Drupal&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#tab-10"&gt;WordPress&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#tab-11"&gt;Concrete 5&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
  
                      &lt;li&gt;&lt;a href="#tab-12"&gt;Contact&lt;/a&gt;
  
                          &lt;ul&gt;
  
                            &lt;li&gt;&lt;a href="#tab-13"&gt;General Inquiries&lt;/a&gt;&lt;/li&gt;
  
                            &lt;li&gt;&lt;a href="#tab-14"&gt;Ask A Question&lt;/a&gt;&lt;/li&gt;
  
                          &lt;/ul&gt;
  
                        &lt;/li&gt;
  
                      &lt;li&gt;&lt;a href="#tab-15"&gt;About&lt;/a&gt;&lt;/li&gt;
  
                  &lt;/ul&gt;
  </code></pre>