1. Home
  2. Banking
  3. Tax
  4. Forms
  5. ppf - ssy
  6. Sr. Citizen
  7. Widgets
  8. Misc.

  1. Home ➤ 
  2. Misc. ➤ 
  3. You Are Here

Accordion Scripts / Code

AMP Show Hide Button / Toggle Switch

CSS Accordion (No JavaScript) : Works both on AMP and Non-AMP pages

These accordions require only CSS for functioning and work both on AMP and non-AMP pages without any JavaScript or AMP script. Each accordion is independent of other accordions on the page and you are required to give a unique id to each accordion.

Demo of CSS Accordion

I am content of Accordion 1.




I am content of Accordion 2.





I am content of Accordion 4.I am content of Accordion 4.
I am content of Accordion 4.I am content of Accordion 4.
I am content of Accordion 4.I am content of Accordion 4.
I am content of Accordion 4.I am content of Accordion 4.




I am content of Accordion 4.





Accordion Code

Accordion Type B : Requirement CSS and JQuery

Demo of Accordion Type B

Accordion 1 (Content visible on page load)

I am content of Accordion 1. I was visible on page load.

Accordion 2 (Content hidden on page load)

I am content of Accordion 2. I was hidden on page load.

Accordion 3 (Content visible on page load)

I am content of Accordion 3.

Accordion Code

Accordion Type C : Requirement CSS and JQuery

Demo of Accordion Type C

Accordion 1 (Content visible on page load)

I am content of Accordion 1.

Accordion 2 (Content hidden on page load)

I am content of Accordion 2.

Accordion 3 (Content visible on page load)

I am content of Accordion 3.



Taxable HRA CalculatorIncome Tax Calculator for AY 2020-21
Bank Deposit / Investment CalculatorsEPF Calculator
Deductions under Chapter VIDeductions under Chapter VI
RTO forms - FillableSBI forms - Fillable
National Saving Time Deposit Rules 2019Post Office Senior Citizen Saving Scheme
Updated : Oct 20, 2020