Create excerpts and hide text with an elegant toggle button to show more.

Gazi Mohammad Yeasin

Toggle Text Widget for Elementor

A simple Elementor widget that allows you to display summary text with toggleable hidden content.

Freemius

Bolton Studios LLC

<p>Hide text with an elegant toggle button to show more.</p>
<p>Insert the <em>[start-read-more]</em> shortcode where you want to hide content,<br />
followed by <em>[end-read-more]</em> to add the toggle button.</p>
<p>Target <code>.rmwp-button-wrap button</code> to style the button (optional).</p>
<p>View the <a href="https://www.boltonstudios.com/read-more-wp/" rel="nofollow ugc">Demo</a>.</p>
<h4>Features (Free)</h4>
<ul>
<li>Elegantly hide content.</li>
<li>Toggle button to show more.</li>
<li>Easy Shortcodes.</li>
<li>Inline breaks—great for short text such as testimonials.</li>
<li>WordPress forum support.</li>
</ul>
<h4>Premium Features (Paid)</h4>
<ul>
<li>Animated transitions.</li>
<li>Pop-Ups.</li>
<li>Priority email support.</li>
<li><a href="https://www.boltonstudios.com/read-more-wp/" rel="nofollow ugc">Get Read More WP Plus</a>.</li>
</ul>
<h4>Supporting Read More WP</h4>
<p>If you found this free plugin helpful, you can support the developer by upgrading to <em>Read More WP Plus</em> or donating to the coffee fund:</p>
<ul>
<li><a href="http://ko-fi.com/boltonstudios" rel="nofollow ugc">Buy me a coffee</a></li>
</ul>
<h4>Shortcode</h4>
<pre><code>[start-read-more]
[end-read-more]
</code></pre>
<h4>Optional Shortcode Parameters</h4>
<pre><code>[start-read-more more="Read More" less="Read Less" inline=false ellipsis=true][end-read-more]
</code></pre>
<ul>
<li>more…”Read More” or another button label.</li>
<li>less…”Read Less” or another button label.</li>
<li>inline…true or false. Default: false.</li>
<li>ellipsis…true or false. Default: true.</li>
<li>animation…”none”, “slide”, “fade”, “fold”, “pop-up”.</li>
<li>speed…The speed of the animation in milliseconds. Default: 500.</li>
</ul>


Alternatives to Read More WP

Top alternatives