The easy way to create a collapsible text block with a 'read-more' label on any page. Also provides a fading text option.

clinton101

creatorseo

Collapse Magic provides an easy way to display (collapsible) read-more text on a page. This plugin is an alternative to other plugins like collapse-o-matic and can be used as a direct replacement without the need for any changes to page content.
Features
<ul>
<li>Easy to implement</li>
<li>Configurable expand and collapse labels</li>
<li>Configurable up and down arrows</li>
<li>Adjustable visible text height in the collapsed state</li>
<li>Adjustable fade-out text visible in the collapsed state</li>
<li>Unfortunately this plugin does not support Accelerated Mobile Pages (AMP)</li>
</ul>
Background
Collapse Magic provides an easy way to display (collapsible) read-more text on a page. Also, display a few lines of text and add read-more or expand text.
This plugin was developed when a cross-site scripting vulnerability was identified in collapse-o-matic. This plugin can be used as a direct replacement to collapse-o-matic. There is no need for any on-page changes to be made for the plugin to be used as a replacement.
Set-up
<ul>
<li>Install the plugin</li>
<li>Set any parameters from the admin Settings menu.</li>
<li>Place text between [magic_expand][/magic_expand] tags or between [expand][/expand] for the toggle to work.</li>
<li>Include alternate ‘read-more’ text if this is required in the shortcode as [magic_expand title=”NEW READ-MORE TEXT”].</li>
<li>Use alternate ‘read-less’ text if this is required in the shortcode as [magic_expand swaptitle=”NEW READ-LESS TEXT”].</li>
<li>Toggle button to set the default location of the expand / collapse label to above or below the section.</li>
<li>Single click disable button to switch off the shortcodes and show the full text.</li>
</ul>
Shortcode Parameters
<ul>
<li>Read-more / expand label – ‘title’. Example [magic_expand title=”–more–“].</li>
<li>Read-less / collapse label – ‘swaptitle’. Example [magic_expand title=”–more–” swaptitle=”–less–“].</li>
<li>Position of the expand label – ‘pos’. Example [magic_expand pos=”above”] or [magic_expand pos=”below”]</li>
</ul>
<h3>Credits</h3>
This plugin was inspired by the approach used by: 
– <a href="https://www.peeayecreative.com/how-to-expand-and-collapse-text-in-divi/" rel="nofollow ugc">Nelson Miller: How To Expand And Collapse Text In Divi</a>: the jQuery code was modified for this plugin.

Alternatives to Collapse Magic (CLAPS)

Top alternatives