Как сделать мобильное меню для лендинга, чтобы закрывалось при клике-таче на пункт?

Question

[Полина Емельянова]

Коллеги, здравствуйте.
Прошу, помогите реализовать:
есть одностраничник dev.imdeveloper.ru/katletika/, на нем есть мобилка и стандартное меню-выпадашка.

Надо сделать так, чтобы при клике-таче на его пункты происходил переход на нужный раздел лендинга (пункты меню - это якорные ссылки :)), а само меню - закрывалось.

Приношу свои извинения за дилетантский вопрос, но может есть решение без килобайтных библиотек? Если нет - присоветуйте годную на ваш взгляд.

Заранее ОГРОМНОЕ спасибо!

Answer 1

[iBird Rose]

на свою функцию перехода по якорям добавь закрытие

$('a[data-target^="anchor"]').bind('click.smoothscroll', function() {
   $('.nav').removeClass('nav--active');
    var target = $(this).attr('href'),
        bl_top = $(target).offset().top - 40;
    $('body, html').animate({
        scrollTop: bl_top
    }, 700);
    return false;
});

Comments

[Полина Емельянова]

ОГРОМНОЕ!!! Спасибо!!! *афтар улетел править и зубрить JS