<div>
This might help you <br />
<br />
<a href="https://www.bootply.com/PB36wGEPPR#" rel="ugc">https://www.bootply.com/PB36wGEPPR#</a>
</div>


This might help you

https://www.bootply.com/PB36wGEPPR# [https://www.bootply.com/PB36wGEPPR#]

lgduong

<div>
Julia Hansen,<br />
<br />
I'm using bootstrap 3.3.7
</div>


<div>
Your solution works. &nbsp;Thank you!
</div>


<div>
<div class="content wysiwyg-content">
Hello, I am just learning bootstrap and find this very helpful example of the type of menu that I would like on my site.<br />
<a href="https://codepen.io/ajaypatelaj/pen/prHjD" rel="ugc">https://codepen.io/ajaypatelaj/pen/prHjD</a><br />
<br />
However, I would like so that after moving away from any of the menu, the &quot;dropdown&quot; menu will disappear. &nbsp;<br />
Let see if I can clarify. &nbsp;<br />
I click on Menu 1 and the dropdown submenu is shown.<br />
When I move away from Menu 1 and &nbsp;hover over Menu 2, the submenu from Menu 1 go away.<br />
<br />
Please help. &nbsp;Thank you.
</div>
</div>


Hello, I am just learning bootstrap and find this very helpful example of the type of menu that I would like on my site.
https://codepen.io/ajaypatelaj/pen/prHjD

However, I would like so that after moving away from any of the menu, the "dropdown" menu will disappear.  
Let see if I can clarify.  
I click on Menu 1 and the dropdown submenu is shown.
When I move away from Menu 1 and  hover over Menu 2, the submenu from Menu 1 go away.

Please help.  Thank you.

Bootstrap menu assistance with dropdown menu toggle.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.