Bootstrap导航正在打开但没有崩溃

Question

当我第一次打开移动可折叠导航时，它会打开，但不会折叠。似乎处于某种无限循环中：

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
   <div class="container">
      <a href="http://localhost/orange/global">
         <div class="logo"></div>
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="true" aria-label="Toggle navigation">
      <span class="icon-bar top-bar"></span>
      <span class="icon-bar middle-bar"></span>
      <span class="icon-bar bottom-bar"></span>
      <span class="sr-only">Toggle navigation</span>
      </button>
      <div class="navbar-collapse collapse show" id="navbarResponsive" style="">
         <ul class="navbar-nav ml-auto">
            <li class="nav-item"><a class="nav-link " href="http://localhost/orange/global/" title="Home">Home</a></li>
            <li class="nav-item"><a class="nav-link " href="http://localhost/orange/global/about-us/" title="About us">About us</a></li>
            <li class="nav-item"><a class="nav-link " href="http://localhost/orange/global/career/" title="Career">Career</a></li>
            <li class="nav-item"><a class="nav-link " href="http://localhost/orange/global/contacts/" title="Contacts">Contacts</a></li>
            <li class="nav-item"><a class="nav-link " href="http://localhost/orange/global/manufacturing/" title="Manufacturing">Manufacturing</a></li>
            <li class="nav-item"><a class="nav-link nav-selected" href="http://localhost/orange/global/map/" title="Map">Map</a></li>
            <li class="nav-item"><a class="nav-link " href="http://localhost/orange/global/products/" title="Products">Products</a></li>
            <li class="nav-item"><a class="nav-link " href="http://localhost/orange/global/footer/" title="Footer">Footer</a></li>
            <li class="nav-item"><a class="nav-link " href="http://localhost/orange/global/brands/" title="Brands">Brands</a></li>
         </ul>
         <div class="lang-container">
            <div class="lang-menu ">
               <span>eng</span>
               <ul class="hidden">
                  <li><a href="http://localhost/orange/global/map/">English</a></li>
                  <li><a href="http://localhost/orange/global/ukr/front-page-ukrainian/">Українська</a></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="lang-menu mobile-menu">
         <span>eng</span>
         <ul class="hidden">
            <li><a href="http://localhost/orange/global/map/">English</a></li>
            <li><a href="http://localhost/orange/global/ukr/front-page-ukrainian/">Українська</a></li>
         </ul>
      </div>
   </div>
</nav>

示例：https://jsfiddle.net/e0d8my79/522/

这有什么问题？