title: Show hidden div on ng-click within ng-repeat
body: <p>I'm working on an Angular.js app that filters through a json file of medical procedures. I'd like to show the details of each procedure when the name of the procedure is clicked (on the same page) using ng-click. This is what I have so far, with the .procedure-details div set to display:none:</p>
  
  <pre><code>&lt;ul class="procedures"&gt;
      &lt;li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp"&gt;
          &lt;h4&gt;&lt;a href="#" ng-click="?"&gt;{{procedure.definition}}&lt;/a&gt;&lt;/h4&gt;
           &lt;div class="procedure-details"&gt;
              &lt;p&gt;Number of patient discharges: {{procedure.discharges}}&lt;/p&gt;
              &lt;p&gt;Average amount covered by Medicare: {{procedure.covered}}&lt;/p&gt;
              &lt;p&gt;Average total payments: {{procedure.payments}}&lt;/p&gt;
           &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'm pretty new at angular. Any suggestions?</p>