Skip to content

Latest commit

 

History

History
13 lines (7 loc) · 855 Bytes

README.md

File metadata and controls

13 lines (7 loc) · 855 Bytes

#jQuery Accordion

An "accordion" is UI widget that helps manage content on a web page by keeping it hidden until needed. The ideal content for an accordion will be a information divided into "headings" and "bodies". The headings are always shown but the bodies are hidden until the user selects the heading.

Our accordion widget consists of an alternating h3 and div elements, where the h3 is used as a heading and the div is used as a body. By default, all div elements are collapsed. When the user clicks on a h3 element, the div that immediately follows it will be expanded, while any other expanded div element will be collapsed.

We will use the .slideUp() and .slideDown() jQuery methods to create a smooth effect when the div elements are expanded and collapsed.

https://codehike.co

License

MIT