How To Show And Hide Text In WordPress (Easy Way)

To save some space on your WordPress posts/pages, you may want to hide some content. This way, users will only check the information if they feel interested.

The idea is to hide a part of your content under the ‘Show more’ text. And when a user clicks on the ‘Show more’ link, it will reveal the hidden text.

Like everything we do in WordPress, it can be done by using a plugin. Here I’ll show you how to show and hide text in WordPress using the Ultimate Blocks plugin. It’s a must-have plugin for the WordPress editor.

How To Show And Hide Text In WordPress

Follow these simple steps to show and hide text in WordPress.

Step 1: Install the Ultimate Blocks Plugin

First, you need to install the plugin. Just go to your WordPress Dashboard > Plugins > Add New and search for ‘Ultimate Blocks’. Click on the ‘Install Now’ button and activate the plugin.

Step 2: Insert the Expand Block

Now go to the post/page where you want to add the ‘show and hide’ content.

Simply click on the + icon to add a new block. Search for the ‘Expand‘ block and add it to the editor.

Step 3: Add Shown & Hidden Text

On the next step, click on the first + icon to add the shown text and the second + icon to add the hidden text.

Upon clicking on the first + icon, select the ‘Paragraph’ to add shown text.

Then simply add the text that you want to show to visitors.

Do the same thing for adding the hidden text.

Your show and hide text will look like this –

That’s it. You’re done.

Using the Toggle Effect to Show and Hide Text in WordPress

Now if you want to add show and hide text using the toggle effect, that’s also possible by using the Content Toggle block by Ultimate Blocks.

Just go to the WordPress Editor and click on the + sign and search for ‘Content Toggle’.

After adding the block, you need to shown content in the title part and the hidden content in the main content part.

You can add more content area by click on the + sign.

You can configure settings from the right-hand side options panel.

So this how you can add a ‘show and hide’ text area using the toggle effect.

Conclusion

Hope this tutorial helped you to add show and hide text to your WordPress posts/pages.

If you have any questions regarding this, feel free to ask via comment. And if you’ve liked the post, please consider sharing the post.

Own a WordPress Site? You’ll Need This Plugin!

Unleash the power of the WordPress Block Editor with Ultimate Blocks! Dive into a world where crafting stellar content is a breeze, where every feature and tool you’ve dreamed of is right at your fingertips.

One response to “How To Show And Hide Text In WordPress (Easy Way)”

  1. Gyan Avatar
    Gyan

    It is really helpful content with a detailed description for the person who is searching for to add hide and show button. I’ll try it on my blog.

Leave a Reply

Your email address will not be published. Required fields are marked *