Menu Bootstrap – Deux boutons Réduire qui se basculent l’un l’autre? Sens, seulement 1 ouvert à la fois

Je travaille avec Twitter Bootstrap pour la première fois. Tout semble fonctionner correctement, sauf que ma navigation supérieure doit être modifiée.

Nous avons un bouton de menu qui ouvre la liste déroulante de navigation principale. Nous avons ensuite un bouton de recherche qui ouvre un menu déroulant du formulaire de recherche.

 

J’ai créé un jsfiddle ici: http://jsfiddle.net/vsF6m/3/

Le client ne souhaite ouvrir qu’un seul menu déroulant à la fois. Pour le moment, la fonctionnalité est que chaque bouton bascule tout seul, mais ne ferme pas l’autre menu déroulant ouvert.

Il doit y avoir quelque chose qui me manque. Dois-je reconstruire le assembly de cette barre de navigation?

Merci!