title: Show/hide menu with jQuery
body: <p>I have a page with content (on the left) and sidebar (on the right). For screen widths &lt;= 480px the 2 div's are placed one under the other (100% widths). The "Show/Hide" button that becomes visible is meant to toggle the sidebar's visibility when clicked. I use</p>
  
  <p><code>$(".sidebar .box").slideToggle(200);</code></p>
  
  <p>for this purpose.</p>
  
  <p>See everything together on <a href="http://jsfiddle.net/jqdvj42u/2/" rel="nofollow">jsfiddle</a>.</p>
  
  <p>The problem: if I switch to wide screen and then back to <em>narrow screen</em> (width &lt;= 480px) again, clicking the button produces a "back and forth" bug.</p>
  
  <p>Where is my mistake?</p>
  
  <p>Thank you!   </p>