Title: Collapse Magic
Author: Hub5050
Published: <strong>4. 6. 2024</strong>
Last modified: 19. 2. 2026

---

Prohledat pluginy

![](https://ps.w.org/collapse-magic/assets/banner-772x250.jpg?rev=3097363)

![](https://ps.w.org/collapse-magic/assets/icon-256x256.jpg?rev=3097363)

# Collapse Magic

 Autor: [Hub5050](https://profiles.wordpress.org/creatorseo/)

[Stáhnout](https://downloads.wordpress.org/plugin/collapse-magic.1.5.0.zip)

 * [Podrobnosti](https://cs.wordpress.org/plugins/collapse-magic/#description)
 * [Hodnocení](https://cs.wordpress.org/plugins/collapse-magic/#reviews)
 *  [Instalace](https://cs.wordpress.org/plugins/collapse-magic/#installation)
 * [Vývojáři](https://cs.wordpress.org/plugins/collapse-magic/#developers)

 [Podpora](https://wordpress.org/support/plugin/collapse-magic/)

## Popis

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**

 * Easy to implement
 * Configurable expand and collapse labels
 * Configurable up and down arrows
 * Adjustable visible text height in the collapsed state
 * Adjustable fade-out text visible in the collapsed state
 * Unfortunately this plugin does not support Accelerated Mobile Pages (AMP)

**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**

 * 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“].
 * Toggle button to set the default location of the expand / collapse label to above
   or below the section.
 * Single click disable button to switch off the shortcodes and show the full text.

**Shortcode Parameters**

 * Read-more / expand label – ‚title‘. Example [magic_expand title=“–more–„].
 * Read-less / collapse label – ‚swaptitle‘. Example [magic_expand title=“–more–“
   swaptitle=“–less–„].
 * Position of the expand label – ‚pos‘. Example [magic_expand pos=“above“] or [
   magic_expand pos=“below“]

### Credits

This plugin was inspired by the approach used by:
 – [Nelson Miller: How To Expand And Collapse Text In Divi](https://www.peeayecreative.com/how-to-expand-and-collapse-text-in-divi/):
the jQuery code was modified for this plugin.

## Snímky obrazovky

 * [[
 * 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.
 * [[
 * Set the ‚Toggle Above‘ switch to ‚on‘ to place the ‚read-more‘ and ‚read-less‘
   text above the text. This also disables the scroll to top.
 * [[

## Instalace

 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‘
 5. Increase the display block value if you want to display some fade-to text.

## Nejčastější dotazy

### 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.

### Can I place the ‚read-more‘ and ‚read-less‘ text above the text?

Yes, go to settings>collapse magic>Toggle Above and set this to ‚on‘. The toggle
text will display above.

### Can I display some teaser text to encourage the visitor to click the read-more button?

Yes, if you go to settings>collapse magic>Block Height and increase the value, you
can display teaser text. You can also change the fade-out height for disappearing
text.

### Does the fade text work with the toggle text above the block text?

Yes, the fade works as long as the Block height is set to a value greater than 1px.

### Will this plugin have a negative impact 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.

### If I install the plugin and the styling does not look correct, what should I do?

The very first time you view the page after installing the plugin you may need to
refresh the page (ctrl+F5) to ensure that the new style and script libraries are
initiated. If needed this should be a once-off refresh. Everything should be fine
thereafter.

### Why does the plugin not support Accelerated Mobile Pages (AMP)?

Accelerated Mobile Pages (AMP) has strict limitations on JavaScript, and does not
allow jQuery. This breaks the dynamic features that are key to this plugin.

### Can I nest the collapse shortcodes?

Nesting [magic_expand] shortcodes is not supported. If you need multiple collapsible
sections, use separate blocks one after another (not inside each other).

## Recenze

![](https://secure.gravatar.com/avatar/c14c71b200e8b860b09762abde2b86448c0bdb48d81a9131f7f4722df49457a5?
s=60&d=retro&r=g)

### 󠀁[Excellent! Even html-tags like strong, br, ul /li, work!!](https://wordpress.org/support/topic/excellent-even-html-tags-like-strong-br-ul-li-work/)󠁿

 [egerlach](https://profiles.wordpress.org/egerlach/) 20. 2. 2025 2 odpovědi

Thank you for that plugin. Great! Even html-tags like strong, br, ul /li, work!!

![](https://secure.gravatar.com/avatar/65b947661b291c6b5ca4e35720170cf55e682eea181810776b0e61294ea96108?
s=60&d=retro&r=g)

### 󠀁[Simple, practical, free, and excellent support!](https://wordpress.org/support/topic/simple-practical-free-and-excellent-support/)󠁿

 [vmike](https://profiles.wordpress.org/vmike/) 18. 10. 2024

Very useful plugin that is kept simple and easy to use. The developers are very 
helpful and respond quickly.

![](https://secure.gravatar.com/avatar/d2f15675e03448a7d2c16d62d2f8610d9d4ff0a3fbcfb478b7d1669a8df40739?
s=60&d=retro&r=g)

### 󠀁[Great Collapse-o-matic replacement](https://wordpress.org/support/topic/great-collapse-o-matic-replacement/)󠁿

 [Bob33](https://profiles.wordpress.org/bob33/) 29. 8. 2024 2 odpovědi

Clean, light-weight and does what’s needed. Breath of fresh air! Thanks!

![](https://secure.gravatar.com/avatar/1f398a2f0b34d1377fa915568a40b5e156cbcb90359b626aaae73a0ca8916c71?
s=60&d=retro&r=g)

### 󠀁[Working perfectly for me](https://wordpress.org/support/topic/working-perfectly-for-me-3/)󠁿

 [johncaldwell1000](https://profiles.wordpress.org/johncaldwell1000/) 1. 8. 2024

The Plugin works perfectly for me

![](https://secure.gravatar.com/avatar/829b4c1f3001a14d41e6d112d317e20439962253ca873929543d81c9904d8fd8?
s=60&d=retro&r=g)

### 󠀁[Does not work](https://wordpress.org/support/topic/does-not-work-1604/)󠁿

 [mariusenepaq](https://profiles.wordpress.org/mariusenepaq/) 26. 7. 2024 5 odpovědí

it’s trying to work but working improperly

![](https://secure.gravatar.com/avatar/6f0696b7f0e42cfdf4a3915afeadaebd49acc697a74757a9020a3c84b87bb385?
s=60&d=retro&r=g)

### 󠀁[Not working](https://wordpress.org/support/topic/not-working-4262/)󠁿

 [imanwlas](https://profiles.wordpress.org/imanwlas/) 24. 7. 2024 2 odpovědi

I have used Collapse-O-Matic and I was very excited, I am afraid this one simply
does not work…

 [ Přečtěte si všech 8 recenzí ](https://wordpress.org/support/plugin/collapse-magic/reviews/)

## Autoři

Collapse Magic je otevřený software. Následující lidé přispěli k vývoji tohoto pluginu.

Spolupracovníci

 *   [ Hub5050 ](https://profiles.wordpress.org/creatorseo/)
 *   [ clinton101 ](https://profiles.wordpress.org/clinton101/)

[Přeložte “Collapse Magic” do svého jazyka.](https://translate.wordpress.org/projects/wp-plugins/collapse-magic)

### Zajímá vás vývoj?

[Prohledejte kód](https://plugins.trac.wordpress.org/browser/collapse-magic/), podívejte
se do [SVN repozitáře](https://plugins.svn.wordpress.org/collapse-magic/), nebo 
se přihlaste k[ odběru protokolu vývoje](https://plugins.trac.wordpress.org/log/collapse-magic/)
pomocí [RSS](https://plugins.trac.wordpress.org/log/collapse-magic/?limit=100&mode=stop_on_copy&format=rss).

## Přehled změn

#### 1.5.0

 * Code improvements and conformance checks
 * Consistency changes so that JS controls state and CSS controls layout

#### 1.4.2

 * Version & Conformance checks and improvements

#### 1.4.1

 * Version checks and minor updates

#### 1.4.0

 * Improvements made to allow nested shortcodes. Note many page builders mangle 
   nested shortcodes and there is no clear solution for this.

#### 1.3.3

 * General maintenance improvements. Debug log error resolved.

#### 1.3.1

 * Removed the restriction on the amount of text that could be contained in the 
   read-more block.

#### 1.3.0

 * Included the option to place the read-more and read-less above or below the text(
   thanks to @bob33 for the suggestion).

#### 1.2.2

 * Fix applied to allow shortcodes within the shortcode (thanks to @bob33 for identifying
   this bug).

#### 1.2.1

 * Change the default fade and block settings as these were confusing to new users.

#### 1.2.0

 * Scroll back to the original read-more text included. Checks following feedback
   from a user investigated but no issues could be found.

#### 1.1.0

 * Improvements to better meet WordPress Plugin requirements

#### 1.0.1

 * Launch version

#### 0.0.1

 * Pilot launch April 2024

## Meta

 *  Verze **1.5.0**
 *  Poslední aktualizace **před 2 měsíce**
 *  Aktivních instalací **1 000+**
 *  Verze WordPressu ** 6.1 nebo novější **
 *  Testováno až do WordPressu **6.9.4**
 *  Verze PHP ** 7.3 nebo novější **
 *  Jazyk
 * [English (US)](https://wordpress.org/plugins/collapse-magic/)
 * Štítky
 * [Accordion](https://cs.wordpress.org/plugins/tags/accordion/)[read more text](https://cs.wordpress.org/plugins/tags/read-more-text/)
 *  [Podrobnosti](https://cs.wordpress.org/plugins/collapse-magic/advanced/)

## Hodnocení

 3.7 z 5 hvězdiček.

 *  [  4 5hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=5)
 *  [  0 4hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=4)
 *  [  0 3hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=3)
 *  [  0 2hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=2)
 *  [  2 1hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/collapse-magic/reviews/#new-post)

[Zobrazit všechny recenze](https://wordpress.org/support/plugin/collapse-magic/reviews/)

## Spolupracovníci

 *   [ Hub5050 ](https://profiles.wordpress.org/creatorseo/)
 *   [ clinton101 ](https://profiles.wordpress.org/clinton101/)

## Podpora

Potřebujete pomoc?

 [Fórum podpory](https://wordpress.org/support/plugin/collapse-magic/)

## Dary

Chtěli byste podpořit vývoj tohoto pluginu?

 [ Přispět na tento plugin ](https://leads5050.com/)