title: else if statement not working in jquery
body: <p>I removed the variable names and just put the values in for simplicities sake.</p>
  
  <p>Can't work out why this doesn't work properly, the <code>else</code> statement works fine, the <code>if</code> statement works fine but the <code>else if</code> part doesn't.</p>
  
  <pre><code> if (scrollTop &gt; 200) {
  
      $('.vote-next-hover').css({
  
          position: 'fixed',
          top: '50px',
          width: statuscontain,
  
      });
  
   } 
  
   else if (scrollTop &gt; 5500) {
  
       $('.vote-next-hover').css({
  
          position: 'absolute',
          top: '',
          width: '',
  
       });
  
   } 
  
  else {
  
    $('.vote-next-hover').css({
  
          position: 'relative',
          top: '',
          width: '',
      });
  
  }   
  </code></pre>
  
  <p>Scroll 200px, fires the if statement, scroll back to less than 200 and it fires the else statement, but at no point does it fire the else if statement. </p>
  
  <p>I thought it would sort of be - Condition 1 met, fires - Condition 2 met, fires - Condition 3 met, fires? </p>