$(document).on('click', '.menu-order li a', function() {
  var linkID = $(this).attr('href');
  $('html, body').animate({ 
    scrollTop: $(linkID).offset().top 
  }, 'slow');
});

Хм... а как вы планируете поступать, если надо добавить какой-то новый элемент где-то внутри уже существующих? Будете переписывать стили? Т.к. в таком случае ваша цепочка иерархии тегов, прописанная в стилях, полетит к чертям)

Создать переменную и при клике на кнопку проверять ее значение. В зависимости от значения переменной выполнять какое-то действие и изменять значение переменной.
Например https://jsfiddle.net/r2uwdL30/