var valid = validateForm(form);
if (valid) {
// аякс запрос
}
$('ul.menu a').on('click', function(e){
var goto = $(this).data('anchor');
$('html,body').stop().animate({ scrollTop: $(goto).offset().top-60 }, 1000);
e.preventDefault();
});
<ul class="menu">
<li><a href="#" data-anchor="#about">О компании</a></li>
<li><a href="#" data-anchor="#features">Услуги</a></li>
<li><a href="#" data-anchor="#calculate">Онлайн расчет</a></li>
<li><a href="#" data-anchor="#faq">Ответы на вопросы</a></li>
</ul>
$(document).ready(function(){
var touch = $('.mobile-bars');
var menu = $('.mobile-menu');
$(touch).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 991 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
<div class="mobile-bars">
<span></span>
<span></span>
<span></span>
</div>
<ul class="mobile-menu" style="display: none;">
<li><a href="/" title="Главная">Главная</a></li>
<li><a href="/kak-zakazat/" title="Как заказать">Как заказать</a></li>
<li><a href="/shop" title="Каталог">Каталог</a></li>
<li><a href="/dostavka/" title="Доставка">Доставка</a></li>
<li><a href="/o-kompanii/" title="О Компании">О Компании</a></li>
<li><a href="/cart" title="Моя корзина">Моя корзина</a></li>
</ul>