Expanding blocks in DITA content - Fluid Topics - Latest

To create an expanding block when authoring a DITA topic:

1. Add an <xref> tag with an href attribute pointing to the id of the expanding block.
2. Set the value for the expanding block's outputclass attribute to ft-expanding-block-content.

Example:

The following lines show an example of configuring an expanding block in a DITA topic:

<div><xref href="#./my-expanding-block">Open me!</xref></div>
<div outputclass="ft-expanding-block-content" id="my-expanding-block">The quick brown fox jumps over the lazy dog.</div>

Fluid Topics transforms the previous example into: