Navbar on mobile won't close with jQuery 1.7 and Bootstrap 3.2.0

When shrinking the window to mobile sizes, the navbar gets a "hamburger icon" which you click to show the main menu. When using Radix with jQuery 1.7 (the Panopoly default) and Bootstrap 3.2.0 (the version Radix pulls from CDN), clicking the "hamburger icon" again fails to hide the main menu. The animation will run but the menu will snap back open.

Using the debugger and walking through the Javascript, I got close to were the problem is:

• This functionality is provided by the Bootstrap collapse plugin, which has a hide() and show() method
• Both functions do something like (highly simplified):
  

  var complete = function () {
    // Make the menu fully hidden or shown.
  };
  $element.width(val).one('bsTransitionEnd', complete);
  

• The jQuery .one() is meant to ensure that the 'complete' function runs only once, and then is removed as an event handler.
• What I found in the debugger is that the 'complete' function from both the hide and show is run when clicking to hide the menu!
• Additionally, for every time I attempted it, it would call the 'complete' function from hide() one additional time. So, it appears that jQuery's .one() function isn't working - the event handlers accumulate

Since I'm testing in a Panopoly context, I haven't tried changing the jQuery version to a newer version. But I did test downgrading Bootstrap from 3.2.0 to 3.1.1. This fixed the problem!

So, I suspect this is some incompatibility between jQuery 1.7 and Bootstrap 3.2.0.