JQuery Accordion Slider


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 can be arranged vertically or horizontally, 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. Accordion slider has responsive design, it can adapt its layout accordingly the screen size. Navigation through slices is realized with the help of accordion navigation arrows or keyboard and even using the mouse wheel. Slice, titles and content animation easing will help you to achieve some fancy effects. 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 Dreamweaver extension, providing you the ability to easily create high-impact, HTML5-powered accordions, all in CS3, CS4, CS5 or CS6. Using the user-friendly user 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.


  • 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.
  • Responsive design
    Accordion can adapt its layout according to any screen resolution working perfectly on iPhones, iPads and other mobile devices.
  • Accordion orientation
    Accordion can have landscape or portrait layout.
  • 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. Dreamweaver extension allows you to easily create HTML5 accordion effect. Extension has user friendly interface.
  • W3C Valid (X)HTML
    The extension inserts code which is fully W3C valid.


Os: Win | Mac
Browsers: Internet Explorer | Netscape | Mozilla Firefox | Opera | Safari | Google Chrome
Compatible Product(s): Dreamweaver CC 2015, 2014, CS6, CS5, CS4, CS3
Technologies: HTML | JavaScript | CSS

Help and support

If you have any troubles with extension, please contact: http://www.solutions4website.com/contacts.aspx or email support@solutions4website.com.