Toggle Show / Hide

Today We Will Going To How To Create Toggle Show/Hide In Blogger Website. We Will Create With Html. 

Varsion: 1.0 - Toggle Show/Hide

First You See a Toggle Show/Hide Demo After We Start:

Demo

What is Toggle Show/Hide?

Toggle Show/Hide:  Toggle Show/Hide You Can Use On Blogger Website You Can Add a Text Or Information.

Requirement:

Requirements:
1. Blogger Account
2. Blogger Plus Ui Template Website 

Download Plus Ui Template

How to create Toggle Show/Hide?

Step 1: Go To Blogger.com 

Step 2: Login To Your Account

Step 3: Click To Create Post/Page.

Step 4: Select Compose View To Html View 

Step 5: Past This Code: 

<details class='sp'>

  <summary data-show='Show all' data-hide='Hide all'>Spoiler:</summary>

  <p>Your_text_is_here.</p>

</details>

Step 6: Save The Code 

Conclusion

This is all about making a Toggle Show/Hide. I hope you enjoy this article. Please do share this article. And if you have any questions then ask us in comment box. 

© Copyright
www.developerdhaval.blogspot.com/