jQuery Box Accordion Menu – Responsive

What is Accordion

I am sure you have seen a squeezebox or also known as Accordions. It is musical instruments of the bellows-driven free-reed aerophone type A person who plays the accordion is called an accordionist. An accordion menu is a vertically stacked list of headers that can be clicked to reveal or hide content associated with them. It is one of many ways you can expose content to users in a progressive manner. This kind of menu is used in a web page where you can show your information dynamically to your viewers. 

A common example using a GUI accordion is the Show/Hide operation of a box region, but extended to have multiple sections in a list. This will help the readers to read the proper information. Like you can use it as asking a questions and when user click on that tab it will be scrolled down and it will give you answer in that open box. It looks more attractive because when a page load then those answers would be hidden but when you will clik with that mouse that will appear. 

You can play around with all its features to make your own.

• Clean and Modern Look.
• Only HTML configuration, no javascript configuration needed.
• 8 Different colors by default.
• Make your own colors with CSS.
• Choose the color of your preference and make you own menu.
• Responsive design (3 different modes).
• The responsive design is in a different CSS file and its optional.
• You can make your own themes and apply it easly.
• Customizable through css.
• Simple html mark up.
• Accordion Effect for submenus.
• Cross browser compatibility.
• Twitter Bootstrap compatible.

 

Demo