title: How can I make increment for boostrap area-controls tag increment from thymeleaf
body: <p>I need to make increment in area-controls boostrap taf with my list count.
  My code as under:</p>
  
  <pre><code>&lt;th:block th:each="stateTitles, statesStatus: ${states}"&gt;
      &lt;a data-toggle="collapse" id="stateCollapsed" class="collapsed" data-parent="#accordion" th:href="'#collapse' + ${statesStatus.index + 1}" 
          aria-expanded="true" aria-controls="'collapse' + ${statesStatus.index + 1}"&gt;
          &lt;span id="state" th:text="${stateTitles}" /&gt; 
          &lt;span class="glyphicon glyphicon-menu-down"&gt;&lt;/span&gt;
          &lt;span class="glyphicon glyphicon-menu-up"&gt;&lt;/span&gt;
      &lt;/a&gt;
  &lt;/th:block&gt;
  </code></pre>
  
  <p>Increment is not working for area-controls tag.
  Thanks in advance.</p>