title: Bootstrap 4 Alpha - Collapse - Uncaught Error
body: <p>So I am recently developing a website, and rather than using a navbar which drops from desktop to mobile, I am using two different navbars.</p>
  
  <p>With the mobile navbar, it is a fixed navbar with a button to toggle using the collapse feature the display of the content below. </p>
  
  <p>This is the error: </p>
  
  <pre><code>    Uncaught Error: Collapse is transitioning
      at l.show (bootstrap.min.js:6)
      at l.toggle (bootstrap.min.js:6)
      at HTMLDivElement.&lt;anonymous&gt; (bootstrap.min.js:6)
      at Function.each (jquery-3.1.1.min.js:2)
      at r.fn.init.each (jquery-3.1.1.min.js:2)
      at r.fn.init.l._jQueryInterface [as collapse] (bootstrap.min.js:6)
      at HTMLButtonElement.&lt;anonymous&gt; (bootstrap.min.js:6)
      at HTMLDocument.dispatch (jquery-3.1.1.min.js:3)
      at HTMLDocument.q.handle (jquery-3.1.1.min.js:3)
  l.show @ bootstrap.min.js:6
  l.toggle @ bootstrap.min.js:6
  (anonymous) @ bootstrap.min.js:6
  each @ jquery-3.1.1.min.js:2
  each @ jquery-3.1.1.min.js:2
  l._jQueryInterface @ bootstrap.min.js:6
  (anonymous) @ bootstrap.min.js:6
  dispatch @ jquery-3.1.1.min.js:3
  q.handle @ jquery-3.1.1.min.js:3
  </code></pre>
  
  <p>The collapse feature of the navbar works fine when there is no other content on the page, but as soon as content is put on the page it stops working and throws up that error.</p>
  
  <p>If anyone has any ideas it would be greatly appericiated. </p>