title: PrimeFaces p:accordionPanel inside ui:repeat or c:forEach
body: <p>I'm trying  to create multiple <code>accordionPanel</code>s. 
  I tried to include this tag inside repeat elements (e.g. <code>c:forEach</code>).
  The <code>accordionPanel</code> is well rendered, but I'm unable to switch from one tab to another.</p>
  
  <p>These are some codes I tried:</p>
  
  <pre><code>&lt;ui:repeat value="#{myBackingBean.myList}" var="o"&gt;
      &lt;p:accordionPanel dynamic="true" cache="true" multiple="true" widgetVar="accordion"&gt;
          &lt;p:tab title="Title 1"&gt;
              #{o.data_one}
          &lt;/p:tab&gt;
          &lt;p:tab title="Title 2"&gt;
              #{o.data_two}
          &lt;/p:tab&gt;
      &lt;/p:accordionPanel&gt;
  &lt;/ui:repeat&gt;
  </code></pre>
  
  <p>And also</p>
  
  <pre><code>&lt;c:forEach items"${myBackingBean.myList}" var="o"&gt;
      &lt;p:accordionPanel dynamic="true" cache="true" multiple="true" widgetVar="accordion"&gt;
          &lt;p:tab title="Title 1"&gt;
              #{o.data_one}
          &lt;/p:tab&gt;
          &lt;p:tab title="Title 2"&gt;
              #{o.data_two}
          &lt;/p:tab&gt;
      &lt;/p:accordionPanel&gt;
  &lt;/ui:repeat&gt;
  </code></pre>
  
  <p>Both of these codes produces a list of <code>accordionPanel</code>s, each with two tabs.
  But I'm unable to switch from one tab to another: If I click one tab it does not open nor close (except for the last <code>accordionPanel</code>).</p>
  
  <p>Noteworthy, if I put two or more  <code>accordionPanel</code>s by hand (without JSF loops) they works.</p>
  
  <p>Also, I've checked the requests  the browser sends when I try to open/close a tab. The requests I intercept are like:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;partial-response&gt;&lt;changes&gt;&lt;update id="mainForm:tabView"&gt;&lt;![CDATA[
  // something that always use the id of the HTML tag of the _last_ accordionPanel
  &lt;/update&gt;&lt;/changes&gt;&lt;/partial-response&gt;
  </code></pre>
  
  <p>How can I put an <code>&lt;accordionPanel&gt;</code> inside an <code>&lt;ui:repeat&gt;</code> or <code>&lt;c:forEach&gt;</code> so that I can still switch the <code>accordionPanel</code>'s tab?</p>