Не удается сворачивать панель навигации при нажатии

Question

Я пытаюсь закрыть панель навигации при нажатии. Я сделал это в полноэкранном режиме, используя CSS, но ни одна из моих JS попыток до сих пор не работала ...

Пытался добавить в JS эту строку безуспешно:

$(document).on('click', '.navbar-collapse.in', function(e) {
  if ($(e.target).is('a')) {
    $(this).collapse('hide');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--NAV BAR  -->
<div class="open-navbar-icon navbar-icon center">
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
</div>
<div class="navbar-wrapper">
  <nav class="navbar">
    <div class="close-navbar-icon navbar-icon center">
      <div class="line line-1"></div>
      <div class="line line-2"></div>
    </div>
    <div class="nav-list">
      <a id="target" class="nav-link center">Home</a>
      <a href="#" class="nav-link center">Recomendações</a>
      <a href="#" class="nav-link center">Robot Infos</a>
      <a href="#bottom_link" class="nav-link center">Fale conosco</a>
    </div>
  </nav>
</div>