Hide / Show button on Scroll Function

hide_show_on_scroll.js

var position, direction, previous;

$(window).scroll(function(){
  if( $(this).scrollTop() >= position ){
      direction = 'down';
      if(direction != previous){
         $('.menu-toggle').addClass('hide');
          previous = direction;
      }
     } else {
       direction = 'up';
       if(direction !== previous){
         $('.menu-toggle').removeClass('hide');
         previous = direction;
       }
     }
    position = $(this).scrollTop();
});