Expandable text sections

Sometimes we add more to a post than most people want to read, but put it there because we know it is of value to just a few people. I know I do this often to help beginners needing to see the details and have been looking for a way to keep it in the post, yet make it easier for those reading the post to not have to read the details or even see it take up space on the screen.

If you edit post online there is the menu bar at the top

image

if you click on the last icon image you will get a drop down menu

image

then if you select Hide Details

the following HTML will be pasted intro your editor

[details="Summary"]
This text will be hidden
[/details]

Working example

Summary

This text will be hidden


To use the working example click on the triangle image above.


Much larger example

4 Likes