(+84) 463.28.7979

“Accordion”-4


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:

accordion-4-1

The section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:

accordion-4-2

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:

accordion-4-3

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.

accordion-4-4

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>