Не открываются внутренние и внешние ссылки

Подскажите, на сайте меню организованно так что в нем есть якоря, внутренние и внешние ссылки:

<div class="socials">
<a href="#plus">
Наши преимущества
</a>
<a href="https://www.mos.ru/otvet-transport/chto-delat-v-sluchae-dtp/">
Порядок действий
</a>
<a href="/contacts.html">
Наши контакты
</a>
</div>

При этом ссылка якорь перебрасывает внутри страницы, а вот при нажатии на внутреннюю или внешнюю ссылку просто ничего не происходит.

Отладчик в браузере ругается на строку:

, top = $(id).offset().top;

Сам js скрипт при этом выглядит как:

        $('.burger-btn').on('click', function() {
                $('.burger-btn').toggleClass("active");
                $('.header-contacts').toggleClass("active");
          });

        $('.socials a').on('click', function(event) {
                $('.socials a').removeClass("active");
                $(this).addClass("active");

                event.preventDefault();
                var id = $(this).attr('href')
                , top = $(id).offset().top;
                $('body,html').animate({
                scrollTop: top
                }, 1000); // время, за которое будет осуществлена прокрутка.

                $('.burger-btn').trigger('click');
        });

Если полностью скрипт убрать, то ссылки работают, но прокрутка становится не плавной. Хотелось бы, чтобы прокрутка осталась плавной, но и остальные ссылки, чтобы работали. Есть у кого нибудь мысли, как исправить?