JQuery - Problema con menu

<nav class="navbar navbar-expand-md navbar-light fixed-top" style="background-color: black; color: white !important; font-family: 'Courgette', cursive;">

    <a data-scroll class="navbar-brand" href="#bienvenidos" onclick="animar('#bienv', 'animated rubberBand delay-1s');">La Almozara</a>

    <button class="navbar-toggler"  type="button" data-toggle="collapse" data-target="#menuprincipal" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>

    <div class="collapse navbar-collapse" id="menuprincipal">

      <ul class="navbar-nav mx-auto" id="menu">

        <li class="nav-item active">

          <a  class="nav-link" href="#bienvenidos" onclick="animar('#bienv', 'animated rubberBand delay-1s'); agregarAlTitulo('Bienvenidos');">Inicio</span></a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#historia" onclick="animar('#hist', 'animated flip delay-1s'); agregarAlTitulo('Historia');">Historia</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#noticias" onclick="animar('#not', 'animated bounceInRight delay-1s');  animar('.foto-noticia', 'animated flip delay-1s'); agregarAlTitulo('Noticias');">Noticias</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#deporte" onclick="animar('#depor', 'animated flip delay-1s'); agregarAlTitulo('Deporte');">Deporte</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#negocios" onclick="animar('#neg', 'animated flip delay-1s'); agregarAlTitulo('Negocios');">Negocios</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#actividades" onclick="animar('#acti', 'animated rubberBand delay-1s'); agregarAlTitulo('Actividades');">Actividades</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" id="click-blog" href="#blog" onclick="animar('#b', 'animated rubberBand delay-1s'); agregarAlTitulo('Blog');">Blog</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" id="click-blog" href="#covid" onclick="animar('#titulo-covid', 'animated flip delay-1s'); agregarAlTitulo('Covid-19');">Covid-19</a>

        </li>

      </ul>

    </div>

</nav>

$('.navbar-nav>li>a').click(function(){

    $('.navbar-collapse').collapse('hide');

});

$(function() {

   $('.nav-link').click(function() {

       var $this = $(this);

       $this.closest('ul').children('li').removeClass('active');

       $this.parent().addClass('active');

   });

});