Javascript 我希望我的引导4导航栏在悬停时展开

这是我的导航条形码，我使用的是Bootstrap4。使用javascript或jquery的任何解决方案都将非常有用。我想让导航栏在悬停的汉堡图标上显示

    <div class="pos-f-t">
  <div class="collapse" id="navbarToggleExternalContent">
    <div class="bg-dark p-4">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Agency</a>
          </li>
                <li class="nav-item">
            <a class="nav-link" href="#">Work</a>
          </li>
                <li class="nav-item">
            <a class="nav-link" href="#">Careers</a>
          </li>
                <li class="nav-item">
            <a class="nav-link" href="#">Contact US</a>
          </li>
        </ul>
    </div>
  </div>
  <nav class="navbar navbar-dark bg-dark">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
  </nav>
</div>

$document.readyfunction{ $'.navbar toggler'.MouseOver函数{ 如果$'.collapse'.css'display'='none' $'.collapse'.show； 其他的 $'.collapse'.hide； } }; $document.readyfunction{ $'.navbar toggler'.MouseOver函数{ 如果$'.collapse'.css'display'='none' $'.collapse'.show； 其他的 $'.collapse'.hide； } }; 这就是我要做的

$'.navbar toggler'.on'mouseenter'，函数{ $'.collapse'.addClass'show'； }; $'.pos-f-t'。在“鼠标移动”上，函数{ $'.collapse'.removeClass'show'； }; 这就是我要做的

$'.navbar toggler'.on'mouseenter'，函数{ $'.collapse'.addClass'show'； }; $'.pos-f-t'。在“鼠标移动”上，函数{ $'.collapse'.removeClass'show'； };

---

我认为最好使用ID来显示和隐藏导航：

$('.navbar-toggler').mouseenter(function()
 {
   $('#navbarToggleExternalContent').css("display")!="block"?
   $('#navbarToggleExternalContent').show():
   $('#navbarToggleExternalContent').hide()

});

---

我认为最好使用ID来显示和隐藏导航：

$('.navbar-toggler').mouseenter(function()
 {
   $('#navbarToggleExternalContent').css("display")!="block"?
   $('#navbarToggleExternalContent').show():
   $('#navbarToggleExternalContent').hide()

});

---

为jQuery和引导添加js文件。这将起作用是的，我已经添加并链接了它们，但是如何激活悬停效应为jQuery和引导添加js文件。这将起作用是的，我已经添加并链接了它们，但如何激活悬停效果使用显示类名。在代码段中插入jquery代码以查看结果我真的不认为要求投票是公平的。每个人都可以自己决定一个答案是否值得投赞成票。@Klooven OP downpoite，因为我使用.ccs。。。。并没有。所以我编辑了答案，并请他在之后再站起来edited@AkashSalunkhe如果它是有用的，请标记为答案使用显示类名。在代码段中插入jquery代码以查看结果我真的不认为要求投票是公平的。每个人都可以自己决定一个答案是否值得投赞成票。@Klooven OP downpoite，因为我使用.ccs。。。。并没有。所以我编辑了答案，并请他在之后再站起来edited@AkashSalunkhe如果有帮助，请标记为答案