Collapse-O-Matic Inline Trigger with Block Target

The roll-your-own method does not work easily, as we have no way of targeting only the expanded state.

<span title="this trigger" class="collapseomatic" id="testme">this trigger</span>
<span class="collapseomatic_content" id="target-testme">hidden content</span>

This is an example of some text that has a trigger placed inline, meaning that the trigger does not break the flow of the text. However, when this triggerhidden content is clicked and the target is expanded, the target would break the paragraph as a display: block element. Naturally, when the element is collapsed, the inline flow returns.

This is an example of some text that has a trigger placed inline, meaning that the trigger does not break the flow of the text. However, when this trigger

hidden content

is clicked and the target is expanded, the target would break the paragraph as a display: block element. Naturally, when the element is collapsed, the inline flow returns.

Leave a Reply

Your email address will not be published. Required fields are marked *