title: What is the angular way of hiding all specific divs with the same class
body: <p>I want to do a simple thing:</p>
  
  <p>I have an app, which has certain divs that in need to show (Only the specific one) and hide if clicked somewhere outside of it (All with the specific class for example). </p>
  
  <p>This is easy using jquery:</p>
  
  <pre><code>$('some-class').style('display','none') //psuedo code here
  </code></pre>
  
  <p>How should i do the same with angular js? </p>
  
  <p>A specific reason to do so: </p>
  
  <p>I want to build a simple select drop-down (I don't want to use one that exist, i want to understand this...), when i click one, it suppose to open a div right beneath the button, when i click outside of it, it suppose to close not only this one, but some other elements like it in the app.</p>
  
  <p>one point worth mentioning: Not all my select boxes are pre-rendered, some are dynamically added (inside directive), so not all of the are in the $scope, but inside them directives which has isolated scope.</p>