This is an ‘Accordion’ 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 a gallery 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:
In this block of coding we specify the id of the
accordion button – #link and its actions. When the button is clicked the class link2 is applied to the button, and the action for an element with the id #
dropdown_box is triggered.
HTML
Below you can see general
HTML script representation:
header-
banner-right – class defines the height and position when the box with the content is hidden (closed)
#link – this class is used for the button element
#
dropdown_box – this id should be assigned to a box with the content
CSS
You can find
script related
stylesheet in the main style.css file.