responsive

Changelog

Released versions

jAccordion v1.2.6

  • Version: 1.2.6
  • Release date: September 9, 2013
  • Added option hashPrefix which lets user to link to a specific slide of a specific instance of jAccordion even from a different page
  • Added API method bind() which attaches callbacks to events
  • Added API method on() which attaches callbacks to events
  • Added API method unbind() which removes callbacks
  • Added API method off() which removes callbacks
  • Added API method updateSize() which forces resize of accordion after it's parent was resized via javascript
  • It's possible to use HTML5 markup.
  • It's possible to specify options using HTML5 attribute data-options.
  • Documentation slightly extended and improved
  • Event ready() changed to onReady(). It's still possible to use both because of backward compatibility.
  • All versions of IE threw error when cursor moved quickly over all slides.
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion v1.2.5

  • Version: 1.2.5
  • Release date: April 18, 2013
  • Added support for Internet Explorer 10.
  • Preloader didn't work with IE10.
  • Lines of multiline elements (paragraph, table, list, etc.) used inside slides overlapped sometimes.
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion v1.2.4

  • Version: 1.2.4
  • Release date: February 17, 2013
  • jAccordion wasn't responsive during preloading of images, which caused problems to devices with small displays because height of jAccordion was adjusted after preloading finished and not before as it should be See image
  • Fixed problems with jQuery versions 1.9.0 and 1.9.1. Since version 1.9.0 jQuery considered using of browser's detection as bad practice and dropped support for this functionality, which caused inappropriate behaviour of jAccordion which used this functionality.
  • Dropped support for jQuery 1.8.0. jAccordion works with lower and higher versions but very odd behaviour was experienced while using version 1.8.0. No error messages, no warnings but some functinalities of jAccordion just don't work.
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion v1.2.3

  • Version: 1.2.3
  • Release date: February 1, 2013
  • Preloading of images didn't work correctly in Chrome 23 (and maybe some other webkit browsers).
  • If accordion contained only 1 slide (very rare situation) it was impossible to open or close this slide.
  • Bottom/right offset (depends on option vertical) of a shrinked slide wasn't calculated correctly if value of option activeSlideSize was same as height/width of jAccordion.
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion v1.2.2

  • Version: 1.2.2
  • Release date: November 22, 2012
  • Vertical accordion with active option activeSlideAutoHeight didn't calculate height of active slide properly because animated element (with attribute data-fade="true") wasn't taken into consideration.
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion v1.2.1

  • Version: 1.2.1
  • Release date: October 27, 2012
  • Added option scaleImgs which specifies which method of scaling is applied to images with class jAccordion-img. Size of image is decreased according to screen size so even users of mobile phone can see the whole image
  • Classes keepLinksEnabled and keepEnabled for disabling smart links were replaced with jAccordion-keepLinksEnabled and jAccordion-keepEnabled (added prefix) so they don't collide with classes already used by user
  • Class scrollbar for enabling scrollbars inside slides were replaced with classes jAccordion-scrollbars (enables scrollbars for every slide) and jAccordion-scrollbar (enables scrollbar for a particular slide) so they don't collide with classes already used by user
  • Scrollbar inside a slide with border was displayed even if content of the slide didn't exceed allowed space See image
  • Content of a slide with scrollbar didn't get back to top/left after slide was closed and scrollbar removed See image
  • Animated element which used fade-in/out animation wasn't hidden only its opacity was set to zero which caused problems if this element contained a link. This link was "clickable" even though the element was hidden See image
  • Click on a link inside a slide of jAccordion caused jump to the top of page.
  • Folders containing files of demonstrations of option defaultActiveSlideIdx were named incorrectly and preview of this option didn't work because of this issue
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion v1.2

  • Version: 1.2
  • Release date: October 18, 2012
  • Completely new extensive documentation
  • Added changelog
  • Added support for different HTML markup - div elements, definition list (unordered list supported since first version) but jAccordion should handle any HTML markup after appropriate changes in .css file
  • Added support of scrollbars inside slides using additional class scrollbar which can be added to jAccordion container (every slide will use scrollbar if necessary) or to specific slides (only these slides use scrollbar if necessary)
  • Added smart links which are "clickable" only if a slide is fully open (This functionality can be disabled for the whole plugin or just particular links)
  • Added public variable $accordion which stores jQuery object of the accordion
  • Added API method getVersion() which returns version of jAccordion plugin
  • Added API method goToSlide(slideIndex) which opens a slide with specified index (slides are numbered from 0)
  • Added API method goToFirstSlide() which opens the first slide
  • Added API method goToLastSlide() which opens the last slide
  • Added API method next() which opens the next slide or the first slide if none or the last one is active
  • Added API method prev() which opens the previous slide or the last slide if none or the first one is active
  • Added API method closeSlides() which closes all slides
  • Added API method isAnimated() which returns boolean value which determines whether a slide is opening or closing
  • Added API method getSlidesCount() which returns number of slides
  • Added API method getActiveSlide() which returns active slide (if there is one) as jQuery object or null
  • Added API method getActiveSlideIndex() which returns index of active slide or -1 if none is selected (slides are numbered from 0)
  • Added API method isPaused() which returns boolean value which specifies whether autoplay is paused
  • Added event ready
  • Added event onAccordionMouseEnter
  • Added event onAccordionMouseLeave
  • Added event onPause
  • Added event onResume
  • Added option accordionAutoSize which specifies whether size (width/height) of accordion is automatically adjusted to fit size of content but max size (set via CSS) can't be exceeded unless it's not used with combination of option activeSlideAutoHeight
  • Added option activeSlideAutoHeight which specifies whether height of active slide should be determined by its content
  • Added option arrowKeysNav which enables/disables using of arrow keys to control the active accordion
  • Added option disableBtnsDuringTransition - which specifies whether prevBtn and nextBtn are temporarily disabled while any slide is opening/closing
  • Added option headers - HTML element which is included in every slide (exactly one header per one slide). Clicking the header causes the slide to open/close
  • Added option inactiveSlideSize - size (width/height) of inactive slide
  • Added option keepAspectRatio which specifies whether to change height in the same proportion as width when width of the accordion is changed
  • Added option nextBtn - clicking the element(s) causes opening of the next slide or the first one if none is active
  • Added option prevBtn - clicking the element(s) causes opening of the previous slide or the last one if none is active
  • Added option responsive which specifies whether to change accordion dimensions according to its parent
  • Added option vertical which specifies whether slides are stacked vertically or horizontally
  • Plugin basically completely rewritten
  • Updated CSS reset to affect only jAccordion and not the whole page
  • Updated CSS to support responsiveness (including font size) even if JS is disabled
  • Simplified creation of animations. User adds special attributes to HTML elements instead of writing his own javascript/jQuery code
  • Non-minified version cleaned/edited to meet jsLint standards (there is still 1 uncorrectable alert)
  • Updated and extended description of API methods, events and options and added at least 1 demonstration for better understanding
  • Changed access to fully open slide in callback attached to event onSlideOpened
  • Changed access to opening slide in callback attached to event onSlideStartOpening
  • Changed access to closing slide in callback attached to event onSlideStartClosing
  • Option activatedSlideID changed to activeSlideClass - active slide has additional class not ID as before
  • Option name slideMaxWidth changed to activeSlideSize
  • Option name autoplayDelay changed to autoplayInterval
  • Option name activeSlide changed to defaultActiveSlideIdx
  • Option name slidesEasing changed to easing
  • Option name usePreloader changed to preloadImages
  • Option name preloadFadeInDuration changed to preloadTransitionSpeed
  • Option name slideDuration changed to transitionSpeed
  • Image preloader didn't work in IE9
  • Links couldn't be used inside slides and all slides had to be linkable, it wasn't possible to remove the links
  • Vertical title of a slide in one of the themes didn't work in IE8/IE9 See image
  • It was impossible to set border of a slide
  • If option sticky was disabled, event was 'mouseenter', spacing was bigger than zero and cursor was over the space between slides, closing of slides began
  • If all slides were closed all of them had the same width even the last one so sum of width of all slides could be higher than width of accordion so right border of last slide (if used) was invisible See image
  • Generator (I hope temporarily) removed because jAccordion offers so many options that generator wouldn't handle them
  • Removed option countdownMaxWidth - jAccordion offers new way of creating timer which is more complicated but lets you use any type of timer
  • Removed option preloaderImg - now you can use any HTML element (or multiple elements) as preloader
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion v1.1

  • Version: 1.1
  • Release date: September 12, 2011
  • Added support for older jQuery versions (1.4.3+)
  • New option spacing - space between each slide (in px)
  • Added new video tutorial about creating custom animations
  • Slightly improved documentation
  • Updated generator to support option spacing
  • Examples in preview have option to display JS fallback
  • fixed some minor css bugs (especially in IE)
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion v1.0

  • Version: 1.0
  • Release date: September 02, 2011
  • First release
  • New
  • Updated/Changed
  • Fixed
  • Removed

jAccordion by maniacpc, exclusively for CodeCanyon