Toggle Content Or Accordion

Today We Will Going To How To Create Toggle Content Or Accordion In Blogger Website. We Will Create With Html. 

Varsion: 1.0 - Toggle Content Or Accordion

First You See a Toggle Content Or Accordion Demo After We Start:

Demo

What is Toggle Content Or Accordion

Toggle Content Or Accordion:  Toggle Content Or Accordion You Can Use On Blogger Website You Can use for QNA Post.

Requirement:

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

Download Plus Ui Template

How to create Toggle Content Or Accordion?

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: 

<!--[ Accordion start ]-->

<div class='showH'>

  <!--[ Accordion line 1 ]-->

  <details class='ac'>

    <summary>Title_is_here</summary>

    <div class='aC'>

      <p>Your_text_is_here.</p>

    </div>

  </details>

  

  <!--[ Accordion line 2 ]-->

  <details class='ac alt'>

   <summary>Title_is_here</summary>

    <div class='aC'>

      <p>Your_text_is_here.</p>

    </div>

  </details>

</div>

Step 6: Save The Code 

Conclusion

This is all about making a Toggle Content Or Accordion. 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/