title: jQuery toggle left sidebar menu with content
body: <p>I have a sidebar which is open by default, i want to be able to click a menu icon and my sidebar slides in to show more of the content:  </p>
  
  <pre><code> #sidebar {
    width: 210px;
    height: 100%;
    position: fixed;
    background: #2a3542;
   }
  
   #main-content {
    margin-left: 210px;
   }
  
   &lt;div class="navbar"&gt;toggle icon in here&lt;/div&gt;
   &lt;div id="sidebar"&gt;sidebar content here&lt;/div&gt;
   &lt;section id="main-content"&gt;main page content here&lt;/section&gt;
  </code></pre>
  
  <p>I want to be able to toggle the menu, but then im guessing i would have to add and remove the margin-left on to the #main-content?</p>
  
  <p>Any help would be great
  Thanks</p>