title: JQUERY clickout side element
body: <p>I have multiple menues on my page...</p>
  
  <pre><code>&lt;div class="menu"&gt;
     &lt;div&gt;Menu header&lt;/div&gt;
     &lt;div&gt;Menu content&lt;/div&gt;// should hide on click outside .menu
  &lt;/div&gt;
  
  &lt;div class="menu"&gt;
     &lt;div&gt;Menu header&lt;/div&gt;
     &lt;div&gt;Menu content&lt;/div&gt;// should hide on click outside .menu
  &lt;/div&gt;
  </code></pre>
  
  <p>basically i need all the menu(s) to hide when a click is detected unless someone is clicking any of the menues it should hide any other menu(s) apart from the menu they clicked on.</p>
  
  <p>I have seen a few that work but only if you have one menu on the page which is not exactly useful using stopPropagation as it may cancel any other necessary instructions;</p>
  
  <p>any ideas would be appriciated.</p>