Content

Text Expander

An inline read-more / show-more toggle for long passages.

Live demo

See it in action

Inline read-more — button at the end of the text, with an ellipsis

UnysonPlus is a free, open-source WordPress framework with a visual drag-and-drop page builder.

It modernizes the original Unyson for current PHP and WordPress, ships a Bootstrap 5 theme, and includes 60+ elements — accordions, tabs, carousels, forms and more. Everything is free under the GPL, and a built-in GitHub auto-updater keeps it current.

Block button, centered — chevron icon + word count

UnysonPlus is a free, open-source WordPress framework with a visual drag-and-drop page builder.

It modernizes the original Unyson for current PHP and WordPress, ships a Bootstrap 5 theme, and includes 60+ elements — accordions, tabs, carousels, forms and more. Everything is free under the GPL, and a built-in GitHub auto-updater keeps it current.

Native <details> disclosure — browser-owned toggle

UnysonPlus is a free, open-source WordPress framework with a visual drag-and-drop page builder. Show More Show Less

It modernizes the original Unyson for current PHP and WordPress, ships a Bootstrap 5 theme, and includes 60+ elements — accordions, tabs, carousels, forms and more. Everything is free under the GPL, and a built-in GitHub auto-updater keeps it current.

Initially open — block button + plus / minus icon

UnysonPlus is a free, open-source WordPress framework with a visual drag-and-drop page builder.

It modernizes the original Unyson for current PHP and WordPress, ships a Bootstrap 5 theme, and includes 60+ elements — accordions, tabs, carousels, forms and more. Everything is free under the GPL, and a built-in GitHub auto-updater keeps it current.

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section>
	<div class="fw-container">
		<div class="fw-row">
			<div class="fw-col-12">
				<div class="fw-text-expander te-ca0066ea fw-text-expander--show-inline fw-text-expander--hide-inline fw-text-expander--ellipsis" id="te-ca0066ea">
					<p><span class="fw-text-expander__last-visible">UnysonPlus is a free, open-source WordPress framework with a visual page builder.</span><button type="button" class="fw-text-expander__toggle fw-text-expander__btn--show" data-role="show" data-label="Show More" aria-expanded="false" aria-controls="te-ca0066ea"><span class="fw-text-expander__label">Show More</span></button></p>
					<p data-expander-hidden="true">It modernizes Unyson for current PHP and WordPress, with a Bootstrap 5 theme and 60+ elements — all free under the GPL.<button type="button" class="fw-text-expander__toggle fw-text-expander__btn--hide" data-role="hide" data-label="Show Less" aria-expanded="false" aria-controls="te-ca0066ea"><span class="fw-text-expander__label">Show Less</span></button></p>
				</div>
			</div>
		</div>
	</div>
</section>

To learn more about the Text Expander shortcode, please check out the online manual here.

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free