Collapse Magic (CLAPS)


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.


  • Easy to implement
  • Configurable expand and collapse titles
  • Configurable up and down arrows
  • Adjustable visible text height in the collapsed state
  • Adjustable fade out text visible in the collapsed state


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-pages changes to be made for the plugin to work.


  • Install the plugin
  • Set any parameters from the admin Settings menu.
  • Place text between [magic_expand][/magic_expand] tags or between [expand][/expand] for the toggle to work.
  • Include alternate ‘read-more’ text if this is required in the shortcode as [magic_expand title=»NEW READ-MORE TEXT»].
  • Use alternate ‘read-less’ text if this is required in the shortcode as [magic_expand swaptitle=»NEW READ-LESS TEXT»].
  • Single click disable button to switch off the shortcodes and show the full text.


This plugin was inspired by the approach used by:
Nelson Miller: How To Expand And Collapse Text In Divi: the jQuery code was modified for this plugin.


  • Sample shortcode including the expand title (title) and the collapse (swaptitle) attributes.
  • Alternative notation for the shortcode where ‘magic_expand’ is replaced by ‘expand’.
  • Text displayed on the front-end (collapsed).
  • Text displayed on the front-end (expanded) when the read-more text is clicked. Notice that any content can be used between the shortcode tags.
  • Settings Menu values. The default values, icons and displayed text values can be set on the Settings menu. Notice the ‘enabled’ button can be used to switch the plugin off.
  • Changing the block height and the fade height changes the way the text is displayed.
  • The content display fades to the read-more link when the Block Height and Fade Height values are increased.


  1. Upload ‘Collapse Magic’ to the ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Click on ‘Collapse Magic’ in the Settings menu to set global links or
  4. Go to the Plugins page and click the ‘Settings’ link for ‘Collapse Magic’

Часто задаваемые вопросы

Will this Plugin work with any theme?

Yes, the plugin is theme independent.

Can I display a different drop-down arrow and drop down text?

Yes, the settings can be configured from the styling page.

Where do I find the button styling options?

Click on Collapse Magic option on the WordPress ‘Settings’ admin menu.

Will this plugin have a negative effect on my website?

We make every effort to ensure that all the WordPress guidelines are followed and that our plugins are optimised to perform well in all our tests.


I have used Collapse-O-Matic and I was very excited, I am afraid this one simply does not work…
Thank you, I was concerned about vulnerabilities in collapse-o-matic but loved the functionality. First impressions of collapse-magic are good and it was an easy to implement alternative. I also like the text fade.
Посмотреть все 2 отзыва

Участники и разработчики

«Collapse Magic (CLAPS)» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:


Перевести «Collapse Magic (CLAPS)» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений


  • Improvements to better meet WordPress Plugin requirements


  • Launch version


  • Pilot launch April 2024