Houston Information Technology Services

Accordion Pages

This is a test page

Add the accordion.css below </title> in your source code.  Then add the accordion.js coding below your last accordion entry.

Each accordion entry that is clicked begins with <button class="accordion"> some text here </button> in the source coding.  Once clicked, the information that drops down is <div class="panel"> some text here</div>.

The colors of the foreground and background on mouseover can be customized in the accordion.css file, as well as the color and size of the plus and minus symbols.

You can also add a panel with no plus/minus dropdown, just a link, by adding a class -- <button class="accordion linkTab">