title: How to toggleClass when resizing window?
body: <p>I'm want to have divs that sticks on scroll but stops at bottom at the end of parent div, this works fine. And when the window is less than 700px I want the sticky class removed, this works fine to. The problem I have now is to add the sticky class again when the window is bigger than 700 again. How do I toggle these classes so they appear again when the window gets bigger?</p>
  
  <p>Here's a fiddle: <a href="https://jsfiddle.net/m6jfyh9L/2/" rel="nofollow">https://jsfiddle.net/m6jfyh9L/2/</a></p>
  
  <p>I'm using the stickem.js library from here <a href="https://github.com/davist11/jQuery-Stickem/blob/master/jquery.stickem.js" rel="nofollow">https://github.com/davist11/jQuery-Stickem/blob/master/jquery.stickem.js</a></p>
  
  <p>The code:</p>
  
  <pre><code> $(document).ready(function() {
  
     $('.container').stickem();
  
      var window = $(window).width();
  
       if (window&lt;700) 
         $("div").removeClass("stickem");
         $("div").removeClass("stickem-container");
         $("div").removeClass("stickit");
         $("div").removeClass("stickit-end");
  
  });
  </code></pre>