title: How to modify this JS code to add/remove more than one class on scroll up/down
body: <p>I'm using the code below to change the height of my header on scroll down and it works great. The only issue is that I would like to have the possibility to remove and add more than one class. Is it possible? How could I achieve that?
  Many thanks,</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      var header = $(".header");
      $(window).scroll(function() {    
          var scroll = $(window).scrollTop();
  
          if (scroll &gt;= 5) {
              header.removeClass('bigheight').addClass("shortheight");
          } else {
              header.removeClass("shortheight").addClass('bigheight');
          }
      });
  });
  &lt;/script&gt;
  </code></pre>