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

Ever felt that your WordPress posts/pages are overwhelmed with details, making it hard for visitors to engage?

The solution lies in strategically hiding some content. This approach not only declutters your page but also intrigues your visitors, inviting them to explore further with a simple ‘Show more’ option.

In this guide, we’ll explore two effective methods for revealing hidden text: the ‘Expand’ option and the ‘Toggle’ effect. Both methods provide an intuitive way for users to interact with your content, deciding what they want to see more of.

For both techniques, we’ll be utilizing the Ultimate Blocks plugin, a versatile and essential tool for the WordPress editor. Let’s dive in and learn how to effectively show and hide text in WordPress.

Using the Expand Option

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

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.

Ultimate Blocks

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.

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 *

Introducing New Table Block Plugin - Tableberg

X
Need help?