title: Showing content on item clicked in AngularJS
body: <p>I have a ng-repeat in which there are pairs of two rows. My aim is to show the second row after the first is clicked.</p>
  
  <pre><code>&lt;div class="row myClass"
      ng-repeat="sth in sths"
      ng-class="{ cssSthEven: (($index%2) == 0), cssSthOdd: ($index%2)}"&gt;
      &lt;div class="row"&gt;
          {{sth.name}} {{sth.surname}}
      &lt;/div&gt;
      &lt;div class"row"&gt;
          {{sth.content}}
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I have:</p>
  
  <p><img src="https://i.stack.imgur.com/4b18Z.jpg" alt="enter image description here"></p>
  
  <p>What I wish to have after John Smith is clicked:</p>
  
  <p><img src="https://i.stack.imgur.com/AyW1C.jpg" alt="enter image description here"></p>