{"id":401779,"date":"2024-06-04T08:00:00","date_gmt":"2024-06-04T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/collapse-magic\/"},"modified":"2025-07-11T20:05:00","modified_gmt":"2025-07-11T20:05:00","slug":"collapse-magic","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/collapse-magic\/","title":{"rendered":"Collapse Magic (CLAPS)"},"content":{"rendered":"<p>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.<\/p>\n<p><strong>Features<\/strong><\/p>\n<ul>\n<li>Easy to implement<\/li>\n<li>Configurable expand and collapse labels<\/li>\n<li>Configurable up and down arrows<\/li>\n<li>Adjustable visible text height in the collapsed state<\/li>\n<li>Adjustable fade-out text visible in the collapsed state<\/li>\n<li>Unfortunately this plugin does not support Accelerated Mobile Pages (AMP)<\/li>\n<\/ul>\n<p><strong>Background<\/strong><\/p>\n<p>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.<\/p>\n<p>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.<\/p>\n<p><strong>Set-up<\/strong><\/p>\n<ul>\n<li>Install the plugin<\/li>\n<li>Set any parameters from the admin Settings menu.<\/li>\n<li>Place text between [magic_expand][\/magic_expand] tags or between  [expand][\/expand] for the toggle to work.<\/li>\n<li>Include alternate \u2018read-more\u2019 text if this is required in the shortcode as [magic_expand title=\u201dNEW READ-MORE TEXT\u201d].<\/li>\n<li>Use alternate \u2018read-less\u2019 text if this is required in the shortcode as [magic_expand swaptitle=\u201dNEW READ-LESS TEXT\u201d].<\/li>\n<li>Toggle button to set the default location of the expand \/ collapse label to above or below the section.<\/li>\n<li>Single click disable button to switch off the shortcodes and show the full text.<\/li>\n<\/ul>\n<p><strong>Shortcode Parameters<\/strong><\/p>\n<ul>\n<li>Read-more \/ expand label \u2013 \u2018title\u2019. Example [magic_expand title=\u201d\u2013more\u2013\u201c].<\/li>\n<li>Read-less \/ collapse label \u2013 \u2018swaptitle\u2019. Example [magic_expand title=\u201d\u2013more\u2013\u201d swaptitle=\u201d\u2013less\u2013\u201c].<\/li>\n<li>Position of the expand label \u2013 \u2018pos\u2019. Example [magic_expand pos=\u201dabove\u201d] or [magic_expand pos=\u201dbelow\u201d]<\/li>\n<\/ul>\n<h3>Credits<\/h3>\n<p>This plugin was inspired by the approach used by:<br \/>\n\u2013 <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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The easy way to create a collapsible text block with a 'read-more' label on any page. Also provides a fading text option.<\/p>\n","protected":false},"author":65,"featured_media":401780,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Collapse Magic (CLAPS) - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"The easy way to create a collapsible text block with a 'read-more' label on any page. Also provides a fading text option."},"footnotes":""},"categories":[1],"tags":[1170,55432,55433,55434,55435],"class_list":["post-401779","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-accordion","tag-collapse-text","tag-fade-content","tag-fade-text","tag-read-more-text"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/401779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=401779"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/401779\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/401780"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=401779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=401779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=401779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}