<$ var LabFsize = article.value('lab-fsize', ''); var LabLetsp = article.value('lab-letsp', ''); var LabFontW = article.value('lab-fontw', ''); var LabPadVert = article.value('lab-pad-vert', ''); var LabPadHor = article.value('lab-pad-hor', ''); var LabCol = article.value('lab-col', ''); var LabBg = article.value('lab-bg', ''); var LabBgHov = article.value('lab-bg-hov', ''); var LabBgAktiv = article.value('lab-bg-aktiv', ''); var InhPadVert = article.value('inh-pad-vert', ''); var InhPadHor = article.value('inh-pad-hor', ''); var InhBg = article.value('inh-bg', ''); var Pfeil = article.value('pfeil', ''); var headstyle = ""; headstyle += '.accordion-header' + article.id + ' {'; headstyle += 'font-size:' + LabFsize + 'em;'; headstyle += ' font-weight:' + LabFontW + ';'; headstyle += ' letter-spacing:' + LabLetsp + 'em;'; headstyle += ' padding:' + LabPadVert + 'em ' + LabPadHor + 'em;'; headstyle += ' color:'+ LabCol + ';'; headstyle += ' background:' + LabBg + ';'; headstyle += ' cursor:pointer;'; headstyle += '}\n'; headstyle += '.accordion-header' + article.id + ':hover {'; headstyle += 'background:' + LabBgHov + ';'; headstyle += ' position:relative;'; headstyle += ' z-index:5;'; headstyle += '}\n'; headstyle += '.accordion__item' + article.id + ' {'; headstyle += 'border-bottom: 1px solid transparent;'; headstyle += '}\n'; headstyle += '.accordion__item' + article.id + '.active .accordion-header' + article.id + ' {'; headstyle += 'background:' + LabBgAktiv + ';'; headstyle += '}\n'; headstyle += '.accordion-body' + article.id + ' {'; headstyle += 'padding:' + InhPadVert + 'em ' + InhPadHor + 'em;'; headstyle += ' background:' + InhBg + ';'; headstyle += ' display:none;'; headstyle += '}\n'; headstyle += '.accordion__item' + article.id + ' > .accordion-header' + article.id + ':after {'; headstyle += 'content: "' + Pfeil + '";'; headstyle += ' float:right;'; headstyle += ' position:relative;'; headstyle += ' transition:.3s all;'; headstyle += ' transform:rotate(0deg);'; headstyle += '}\n'; headstyle += '.accordion__item' + article.id + '.active > .accordion-header' + article.id + ':after {'; headstyle += 'transform: rotate(90deg);'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$=system.partial("article-begin.html")$>
<$ var Label = article.value("label-1"); if (!isNull(Label) ){ var Inhalt = article.value("inhalt-1", ""); $>
<$= Label $>
<$= Inhalt $>
<$ } $> <$ for (var i = 2; i <= article.value("header-count"); i++){ var Label = (article.value("label-" + i)); if ( isNull(Label) ){ continue; } var Inhalt = article.value("inhalt-" + i, ""); $>
<$= Label $>
<$= Inhalt $>
<$ } $>
<$=system.partial("article-end.html")$>