JavaScript - jAccordion - jQuery accordion - CodeCanyon
jAccordion jQuery accordion his title this type of JavaScript/Sliders This time I will review,made by solarseven, JavaScript/Sliders is sold at a price of $7 in CodeCanyon.
accordion // accordions // api // autoplay // faq // horizontal // jquery // js fallback // mobile // navigation // preloader // responsive // slideshow // timer // vertical // | Created | 2 September 11 |
| Last Update | 17 April 13 |
| Compatible Browsers | IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome |
| Software Version | jQuery |
| Files Included | JavaScript JS, HTML, CSS, Layered PSD |
More Info...jAccordion jQuery acc ..
Remove frame in preview to see it’s responsive.
Latest release was approved on 18 April 2013, IE10 is supported since this version. See changelog in the preview to get full and more detailed list of changes. Note: I can help you implement this plugin in a classic HTML website but I do not provide tutorials and do not have knowledge of implementing this plugin into wordpress, magento etc. jAccordion is a complex and responsive jQuery plugin with powerful API, large amount of callbacks and options which let you customize it to suit your needs.Features
- JS fallback – Accordion keeps basic functionality even with disabled JS
- Tons of options – 25 options let you customize behaviour and appearance of accordion to suit your needs
- Animated elements – Use additional attributes to fade any HTML element or animate change of its position inside a slide
- Transition settings – You can specify delay, speed and transition method for every animated element
- Custom HTML content – You can use any HTML elements inside every slide
- Automatic height of active slide – There is no need to set default height of active slide of vertical accordion. There is a possibility to specify that height of active slide is adjusted according to height of its content.
- Custom themes – You can create your own accordions with a little knowledge of HTML and CSS
- Responsive – Accordion looks great no matter what device your visitors use and it’s responsive even with disabled JS
- Easy to understand – Every API method or variable, every callback and even every option is provided with at least one live demonstration
- Extensive documentation – How to include accordion into your website, how to customize style of accordion, use of animated elements, custom preloader, custom timer, whatever you name should be documented.
- Lots of demos – jAccordion is provided with many different types of accordions which show how complex the plugin is and with every demo you get layered .psd file for easy customization
- Custom preloader – You can use any HTML element or even multiple elements as preloader
- Custom timer – Accordion supports any type of timer you can think of – line timer, text timer, circular timer…
- Powerful API and callbacks – Accordion offers 13 public methods and variables plus 8 callbacks to customize appearance and behaviour on the fly
- Multiple instances – You can use multiple accordions (instances) on one page
- Slide style – You can set shadow or border of slides via CSS. Accordion even supports transparent or semi-transparent background of slides
- Autoplay with pause on hover (optional)
- Scrollbars – Accordion supports scrollbars in all, particular or no slides
- Links -Accordion supports linkable slides or multiple links inside a slide
- Smart links – Only links of fully open slide are clickable (This functionality can be disabled for all or particular links)
- markup – Accordion supports ps, unordered list or definition list (it should be possible to use anything but these 3 were tested)
- Orientation – Horizontal and even vertical accordions are supported
- Lots of easing methods – Accordion (well jQuery) supports only 2 easing methods – ‘linear’ and ‘swing’ but you can use jQuery easing plugin to add 30+ different easing methods
- Keyboard control – You can optionally control the accordion using arrow keys. No matter how many accordions you use on one page only the active one can be controlled by arrow keys
- Control buttons – You can use one or multiple HTML elements as prev/next button(s) to control one accordion or even multiple accordions. You can style these buttons via CSS.
Browser support
- Chrome 11+
- Internet Explorer 7+
- Firefox Mobile 4+
- Firefox 4+
- Opera 10+
- Opera mobile 11+
- Safari 4+
jQuery support
- v1.4.3 to v1.9.1 (except 1.8.0)
Credits
All images mentioned below are used only in preview. Images from graphicriver: 1st image in homepage accordion by solarseven 2nd image in homepage accordion by solarseven 3rd image in homepage accordion by solarseven 4th image in homepage accordion by solarseven 5th image in homepage accordion by galdzer Images from deviantArt: mobile phones used in products list demo by Pierocksmysocks Others: jQuery – javascript library jQuery easing plugin spoon.net – used for testing in many browsers
No comments:
Post a Comment