- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
FAQs
General Tutorials
MonsterONE Subscrioption
«Accordion»-1
Ноябрь 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 <head> 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 (<ul> tag) with the .events class.
Below you can see the HTML script representation:
