- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
“Accordion”-1
November 15, 2010
This is an “Accoridion” Script. So-called “Accordion” is a drop-down panel that holds some additional content.
JavaScript
In order to make the script work, the index-#.html file with an “accordion” should contain these lines of HTML code:
The section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:
Let us examine this coding.
First of all, we hide all “accrodion” elements starting from the second (here numbering starts from ‘0’):
The next block of coding shows all “accrodion” elements on click event (when the link with the .show_more_events class is clicked):
The next block of coding shows only basic “accrodion” elements on click event (when the link with the .show_recent_only class is clicked):
HTML
“Accordion” is represented by a bullet list ( tag) with the .events class.
Below you can see the HTML script representation: