HTML5 Vertical Accordion

ver. 1.0.0 | 08.02.12

• Features
• Requirements

Accordion effects look powerful and elegant on any website, this amazing effect can be accomplished using our extension within minutes! The main idea of our accordion, which is arranged vertically, is to expand its slices and present some more information, in a compact space, while the other slices will be squeezed. User hide or reveal the content situated in the accordion by clicking the slices. Navigation through slices is realized with the help of accordion navigation arrows or keyboard and even using the mouse wheel. Slice and content animation easing will help you to achieve some fancy effects. Vertical Accordion is powered by jQuery and it has clear and comprehensible user interface, which provided you with maximum functionality with little code. You can easily set up, change appearance and edit the content of the accordion without digging into CSS files! Customize the height and width, number of visible slices, height of an expanded slice and others parameters to match your site's theme. Component is fully browser compatible, and will work on iDevices like iPhone and iPad! CSS based which makes accordion search engine friendly, as all accordion links and description are placed directly on pages in plain HTML, absolutely accessible to search engines. You don't need to be an expert in web design and to know programming languages to add accordion to your site. Component is ready to work as soon as it appears on a page and is fast to respond. The installation package contains the Dreamweaver extension (JQVerticalAccordion.mxp), providing you the ability to easily create high-impact, HTML5-powered accordions, all in CS3, CS4, CS5 or CS6. Using the user-friendly interface, you can adjust all colors, fonts, sizes, spacing and wide range of options including more than 50 parameters that you can adjust according to your taste.

Requirements

Features

• Customization
  There is no need to dig into CSS files to make some changes in accordion style. All colors, fonts, sizes, spacings and other - can be changed to fit the look and feel you want with few clicks.
• Accordion editor
  You can easily change content using accordion image editor. Through the accordion editor you can add or remove items, move them up, down, or add captions and description.
• Autoscroll
  Accordion has autostart, repeat and slice delay parameters.
• Mousewheel navigation
  You can navigate through slices using mousewheel.
• Keyboard navigation
  You can navigate through slices with the help of keyboard.
• HTML description
  You can use HTML tags to create unique description, add hyperlinks to each slide.
• Animation
  Accordion has different animation easings, speed and opacity to achieve nice effects.
• SEO-friendly
  Widget is based on unordered list, semantically correct links structure is considered to be the best Search Engine Optimization solution.
• Dreamweaver integration
  Installation package contains Dreamweaver extension (JQVerticalAccordion.mxp). Dreamweaver extension allows you to easily create image scroller. Extension has user friendly interface.
• W3C Valid (X)HTML
  The extension inserts code which is fully W3C valid.