title: Collapse icon - change not working if have more than three item
body: <p>I have faced a very strange problem. I use <code>ng-repeat</code> where I show data and every data have collapse icon to show more. </p>
  
  <pre><code>&lt;div class="list" ng-repeat="(key, value) in lists"&gt;
      &lt;a ng-click="collapseIt($index)" data-toggle="collapse" href="{{'#collapseExample' + $index}}" aria-expanded="false" aria-controls="collapseExample" style="cursor: pointer; text-decoration: none"&gt;{{key}}
          &lt;span class="fa fa-chevron-right"&gt;&lt;/span&gt;
          &lt;span class="fa fa-chevron-down"&gt;&lt;/span&gt;
      &lt;/a&gt;
      &lt;div id="{{'collapseExample' + $index}}" class="list" ng-repeat="list in value track by list.id"&gt;
          &lt;div ng-if="collapseId==$parent.$index"&gt;
              &lt;span&gt;
                  &lt;img class="logImg" ng-if="list.priority == 0" src="" alt="success" /&gt;
                  &lt;img class="logImg" ng-if="list.priority == 1" src="" alt="warning" /&gt;
                  &lt;img class="logImg" ng-if="list.priority == 2" src="" alt="error" /&gt;
              &lt;/span&gt;
              &lt;span&gt;
                   &lt;strong&gt;{{list.update_dt}}&lt;/strong&gt;
              &lt;/span&gt;
              &lt;span&gt;{{list.type}}&lt;/span&gt;
              &lt;span&gt;{{list.serial_number}}&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Everything works if I have only three item (log) but if I have more than <strong>three item</strong>, <strong>collapsable icon change not working</strong>.
  Pls, take a look at <a href="https://jsfiddle.net/y2fg392b/7/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>First three LOG icon change work, but another not. Thnx</p>