Rozbalovací text BBcod

YouTube

Použitie BB kódu:

[spoiler={INTTEXT?}]{TEXT}[/spoiler]

HTML náhrada:

Kód: Vybrať všetko

<div>
	<div>
		<xsl:choose>
			<xsl:when test="@spoiler">
				<button type="button" style="outline:0 !important" onclick="var t=parentNode.nextElementSibling.style,o=firstElementChild.style,c=lastElementChild.style;o.display=t.display;t.display=c.display=(o.display)?'':'none';return!1">
					<span><i class="icon fa-plus-circle" style="font-size: 13px; padding-left:1px;" aria-hidden="true"></i><span style="font-weight:bold; padding-left:3px;">{INTTEXT}</span></span>
					<span style="display:none"><i class="icon fa-minus-circle" style="font-size: 13px; padding-left:1px;" aria-hidden="true"></i><span style="font-weight:bold; padding-left:3px;">{INTTEXT}</span></span>
				</button>
			</xsl:when>
			<xsl:otherwise>
				<button type="button" style="outline:0 !important" onclick="var t=parentNode.nextElementSibling.style,o=firstElementChild.style,c=lastElementChild.style;o.display=t.display;t.display=c.display=(o.display)?'':'none';return!1">
					<span><i class="icon fa-plus-circle" style="font-size: 13px; padding-left:1px;" aria-hidden="true"></i><span style="font-weight:bold; padding-left:3px;">{L_DISPLAY}</span></span>
					<span style="display:none"><i class="icon fa-minus-circle" style="font-size: 13px; padding-left:1px;" aria-hidden="true"></i><span style="font-weight:bold; padding-left:3px;">{L_COLLAPSE_VIEW}</span></span>
				</button>
			</xsl:otherwise>
		</xsl:choose>
	</div>
	<div style="display:none; margin-top:3px; margin-bottom:15px; margin-left:15px;">{TEXT}</div>
</div>

Nápoveda:

Kód: Vybrať všetko

 [spoiler=Nadpis textu na tozbalenie]Text po rozbalení[/spoiler] or [spoiler]Text po rozbalení[/spoiler]

Ukážka: