Bootstrap 4（Jquery？） - モバイルメニューのnav-itemが動作しない

Question

Bootstrap4を使用してNavbarを作成しました。ここに私のコードは次のとおりです。それがない場合は

<nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #E2BA28"> 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-content" aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation"> 
      <span class="navbar-toggler-icon"></span> 
     </button> 

     <!-- Brand --> 
     <a class="navbar-brand" href="https://www.example.com"><img src="logo" width="60" class="d-inline-block align-top" alt=""></a> 

     <!-- Links --> 
     <div class="collapse navbar-collapse justify-content-end" id="nav-content"> 
     <ul class="navbar-nav"> 
      <li class="nav-item"> 
       <a class="nav-link eak-link" href="https://www.example.com">example</a> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link eak-link" href="https://www.example.com">example</a> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link eak-link" href="#">example</a> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link eak-link" href="https://www.example.com">example</a> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link eak-link eak-abc" href="https://www.example.com">example</a> 
      </li> 
     </ul> 
</nav> 

私はこれを使用していますヘルプには、JS：助けを

$(document).ready(function(){ 
     $('.nav-item').hover(function(){ 
      $(this).toggleClass('animated bounceIn') 
     }); 
}); 

感謝を！

Answer 1

ページのフッタにブートストラップのjsコードを追加する以外に、jQueryも含める必要があります。

CodePen