$('#article-nav').on('click', 'li', function() {
    var id = $(this).data('id');
    $(this).removeClass('article-nav').addClass('article-nav-active').siblings().removeClass('article-nav-active').addClass('article-nav');
    $('html, body').animate({
        scrollTop: $('#' + id).offset().top
    }, 500);
});