Jquery animation problem

$(function() {
	var nav = $('.nav');
	var navLiA = $('.nav>ul>li>a');
	var collapse = $('#collapse');
	var collapsedSpan = $('#collapse > span');

	
	//full-screen bg
	fullHeightBg('.header');
	$(window).on('resize', function() {
		fullHeightBg('.header');
	});
	
	//hamburger button menu
	$(collapse).on('click', function() {
		$(nav).toggle();
		$(collapsedSpan).toggleClass('fa-bars fa-close');
	});
	$(navLiA).on('click', function(e) {
		e.preventDefault;

        var scrollAnchor = $(this).attr('href');
        var scrollPoint  = $(scrollAnchor).offset().top;

        $('html, body').animate({
            scrollTop : scrollPoint
        }, 700);

		if (collapse.is(":visible") ) {
			$(nav).hide();
			$(collapsedSpan).removeClass('fa-close').addClass('fa-bars');
		}
	});
});

Select allOpen in new window