mask accordion nr 2

<!-- titel on top of the accordion CE -->
<h3><f:if condition="{data.tx_mask_header}">
{data.tx_mask_header}
</f:if>
</h3>

<!-- accordion wrap -->
<ul class="accordion" data-accordion>
  <li class="accordion-item" data-accordion-item>

	<a href="#" class="accordion-title">
		   <f:for each="{data.tx_mask_accordion_item}" as="data_item">
		     <f:if condition="{data_item.tx_mask_accordion_tab_title}">
			   {data_item.tx_mask_accordion_tab_title}
		     </f:if>
		   </f:for>
	</a>
	<f:if condition="{data.tx_mask_accordion_item}">
   		 <f:for each="{data.tx_mask_accordion_item}" as="data_item">

	     <div class="accordion-content" data-tab-content>
	         <f:if condition="{data_item.tx_mask_accordion_content}">

			   <!-- accordion content items from a mask CE content element-->
			   <f:for each="{data_item.tx_mask_accordion_content}" as="data_item_item">
			      <f:cObject typoscriptObjectPath="lib.tx_mask.content">{data_item_item.uid}</f:cObject>
			   </f:for>
			   <!-- end of accordion content items -->

	        </f:if>
	     </div>

   	    </f:for>
	</f:if>
  </li>
</ul>