title: How to handle show/hide of multiple dropdown menu
body: <p>I have two dropdown nav menu. I wanna hide "expanded" dropdown menu (About) when I click on another dropdown menu (Products).</p>
  
  <p>Here is my fiddle:</p>
  
  <pre><code>[https://jsfiddle.net/83gLyof6/2/]
  </code></pre>
  
  <p>TIA</p>