कर वित्त
Search This Site
  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 Code

You can convert any HTML element on a page as an accordion by just adding a class to it and its next element as its container. This page contains complete code of two different types of accordions. The only requirement for using these codes is jQuery. Select the accordion type as per your choice, use code on your website and enjoy. You may customize the code as per your requirement.

Accordion Type A

Demo of Accordion Type A

Accordion 1

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

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

Accordion Code

Accordion Type B

Demo of Accordion Type B

Accordion 1

I am content of Accordion 1.

Accordion 2

I am content of Accordion 2.

Accordion 3

I am content of Accordion 3.



You may also view working examples of this type of accordions on home page and other pages of this site.

If you like the content of this page compiled by Karvitt (formerly Finotax), please share it with your friends / colleagues else send us your suggestions to improve it.