You have too much text on your website,

and you need to show / hide the text by clicking the text,

for example, “More info” ? Read more…

 

If you have a lot of text on the web and you want to hide the text elegantly and click the button, for example, To view it again, follow these steps:

Required HTML code:

1. The above HTML code (script) needs to be edited and embedded on your website. Insert the HTML code into the desired location on the web with the “+” and “HTML” function.

 

2. In the code on line 10 you can change the text to be clicked on. You can overwrite it for example. “More Text“.

3. In the code on line 13, you can edit the text that appears when you click on the text from line 10.

4. Publish changes. You will only see the result in the published version of the site.

 

 

 

 

Example:

*** CLICK HERE ***

TIP: Put reservation system on the web for online booking in Webnode. Read more in the tutorial: How to add an online reservation system to Webnode? It’s Free!

More awesome tutorials

How to add reviews from Facebook to a website in Webnode?

How to add reviews from Facebook to a website in Webnode?

Facebook Reviews in Webnode Facebook Reviews - free VS premium Facebook Reviews - choose the right type Facebook Reviews widget and Webnode e-shop/web TUTORIAL: How to add reviews from Facebook to a website in Webnode? A few words at the end Facebook Reviews HTML...

How to add notification pop-up widget in Webnode? FREE!

How to add notification pop-up widget in Webnode? FREE!

Notification pop-up in Webnode Notification Pop-up window - free VS premium Notification pop-up window - choose the right type Notification Pop-up window and Webnode e-shop/web Pop-up window - also works on mobile/tablet TUTORIAL: How to easily add a pop-up in...

How to add Google Reviews in Webnode?

How to add Google Reviews in Webnode?

Google Reviews in Webnode Google Reviews - Free VS Premium Google Reviews - Choose the Right Type Google Reviews Widget and Webnode E-shop/Web TUTORIAL: How to add Google reviews to your website on Webnode? A Few Words in Conclusion Google Reviews HTML Widget -...

Copy and move the content without limitations

Copy and move the content without limitations

Copy and move the contentA few months ago, on the Wpromotions portal, we presented 7 new WEBNODE templates for creating a company website. Today we'll take a look at what's new in the editor when working with content, specifically copying and moving the...

Age Verification Pop-Up in WEBNODE: Enhance Website Safety

Age Verification Pop-Up in WEBNODE: Enhance Website Safety

Age-verification popup in Webnode Free popup vs premium version Free popup templates Ageverification widget in Webnode eshop How to add a ageverification popup in Webnode? Conclusion Popup - Frequently Asked QuestionsAge-verification popup in WebnodeWould you like...

Wedding Website

Wedding Website

What is a wedding website? Why you need a wedding website? What to include on your wedding website? Cost of a wedding website Wedding website templates How to create a wedding website?What is a wedding website?In today's digital age, not even a wedding can do without...

7 new WEBNODE templates for creating a company website

7 new WEBNODE templates for creating a company website

Have you seen 7 new Webnode templates for creating a company website in 2023?In our Webnode News, we have already discussed a few interesting things about the Webnode editor. Have you read the article about 5 new awesome features of the NEW e-commerce Premium Plan...

Do you like this tutorial? Share it, please 🙂

Viliam
Follow me