Jonas Hjalmarsson

A single shortcode you can drop into any post, page, or text widget to get a click-to-expand “read more” toggle. The output is a native HTML <code><details></code> element styled with a small inline stylesheet — nothing else.
The point is the absence of features. There is no settings page, no animation library, no editor block panel with twelve toggles. If you need a read-more on one paragraph in one post, you do not want a plugin that wants to manage your whole site.
Usage:
<pre><code>[expand title="My title"]
The content goes here.
<img src="even-images-can-go-in-here.jpg" />
And wrap up with a closing expand tag.
[/expand]
</code></pre>
Supports a custom CSS class via <code>[expand class="my-class"]</code> and works with WordPress oEmbeds and other shortcodes nested inside.

Simple Expand – Lightweight Read more toggle

Adds an [expand] shortcode that wraps content in a native HTML `` toggle. No JavaScript, no settings page, no bloat.

Bouncy

** Read more with Bouncy – Features: **
<ul>
<li>Fully customizable by using additional css</li>
<li>You can name the buttons as you wish</li>
<li>Unlimited read more buttons</li>
</ul>
How to use:
(just delete ‘ and Paragraph & Shortcode are just mentioned to notify you which block is used) 
Screenshots below this sections will show plugin usage in live.
Use case 1 – no line breaks 
﻿ 
Paragraph: 
‘[readmorec readmorecontent=”hidden1″]’Hidden section. In order to make line break, please do use html as shown below'[/readmorec]’
Shortcode: 
‘[readmoreb readmore=”hidden1″]’ 
﻿
Use case 2 – line breaks (Reminder, br-tags are written inside <>) 
﻿ 
Paragraph: 
‘[readmorec readmorecontent=”hidden2″]’Hidden section. In order to make line breaks, use html mode and br-tags as follows br one line break(br-tag between words follows and one) br_br 
(Two br-tags between words one and gap) gap between and button to bottom of the text (next and the last br-tag sets the read more button at the bottom of the text) br ‘[/readmorec]’
Shortcode: 
‘[readmoreb readmore=”hidden2″]’ 
﻿
Use case 3 – translated button text 
﻿ 
Paragraph: 
‘[readmorec readmorecontent=”hidden3″]’Hidden section 
‘[/readmorec]’
Shortcode: 
‘[readmoreb readmore=”hidden3″ label=”write here what you want to show in readmore button” translatedlabel=”and here same for the less button”]’

Simple Expand – Lightweight Read more toggle vs Read more with Bouncy