Show hidden div on ng-click within ng-repeat

Question

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 c

Answer 1

Remove the display:none, and use ng-show instead:

    

        
{{procedure.definition}}
         

            
Number of patient discharges: {{procedure.discharges}}
            
Average amount covered by Medicare: {{procedure.covered}}
            
Average total payments: {{procedure.payments}}
         
    

Here's the fiddle: http://jsfiddle.net/asmKj/

---

You can also use ng-class to toggle a class:

I like this more, since it allows you to do some nice transitions: http://jsfiddle.net/asmKj/1/