Mask erstellt ja nur eine einfache Fluidvorlage, die natürlich angepasst werden muss.
So sieht der Rohling aus Mask aus:
<f:if condition="{data.tx_mask_accordion_ce}">
<f:for each="{data.tx_mask_accordion_ce}" as="data_item">
<f:cObject typoscriptObjectPath="lib.tx_mask.content">{data_item.uid}</f:cObject><br />
</f:for>
</f:if>
und hier nun die modifizierte und fertige Fluid-Vorlage für das Akkordeon:
<f:if condition="{data.tx_mask_accordion_ce}">
<script type="text/javascript">
$(function() {
$( ".ge-accordion{data.uid}" ).accordion({
header: '> .fsc > .ce-header',
collapsible: true,
autoHeight: false,
heightStyle: 'content',
active: 0
});
});
</script>
<div id="c{data.uid}" class="ge-accordion ge-accordion{data.uid}" data-role="collapsible-set">
<f:for each="{data.tx_mask_accordion_ce}" as="data_item">
<f:cObject typoscriptObjectPath="lib.tx_mask.content">{data_item.uid}</f:cObject>
</f:for>
</div>
</f:if>