Grid Accordion - Responsive and Touch-Enabled Grid

Grid Accordion combines the capability of a grid gallery and an accordion slider, providing you an interesting option to display your portfolio.

For Designers

• Fully responsive – the grid is responsive out of the box and gives 2 responsive modes: car and customized
• Touch-enabled – supports contact swipe gestures on contact-screen devices and mouse drag at the personal computer
• Customizable rows and columns – you can change the choice of rows and/or columns in the grid based totally at the screen’s measurement
• Layers – Grid Accordion supports lively and static layers that can grasp any content: from simple textual content to videos
• Symbol Switch – it’s conceivable to swap the historical past symbol whilst the panel opens
• Retina-able – the accordion supports choice, high-solution photographs for monitors with prime PPI, just like the Retina display
• Lazy-loading – the pictures will probably be loaded most effective they're in the visible house
• Deep-linking – it’s imaginable to open a panel from a hyperlink, whether or not the hyperlink is in the similar page or in every other web page
• Keyboard navigation – it’s conceivable to navigate in the course of the grid accordion (panel by way of panel or page by means of web page) the use of the keyboard
• Automatic video keep watch over – integration with YouTube, Vimeo, HTML5 video, Chic Video and Video.js
• SEO-pleasant
• XML and JSON reinforce

For Developers

• Modular structure – the plugin consist of several modules and you can build your individual script, containing only the options you will be using
• CSS3 transitions and RequestAnimationFrame – modern animation ways are used in order to supply smooth animations
• Powerful API – Grid Accordion supplies a couple of public approach and callback functions, and in addition the likelihood to change the homes on runtime

you'll be able to read more concerning the above options and notice them in motion right here.

for those who have any questions or need help integrating the accordion, please be at liberty to ask; i will be able to gladly will let you. Additionally, for those who like this script, please take a moment to price it Such A Lot of the buyers provide this script FIVE stars however in the event you plan to charge it lower than FIVE stars i'd truly appreciate if you contact me first along with your ideas/court cases; perhaps i will unravel the ones issues thank you!

Changelog

v. 2.FIVE ( 28 February 15 ) * restoration hidden historical past while fadeOutBackground is enabled * repair non-responsive bug * improve touch swipe toughen on contact-enabled computer browsers v 2.4.1 ( 12 December 14 ) * some trojan horse fixes v 2.4 ( FIVE November 14 ) * add shuffle option * more than a few fixes and improvements v 2.3 (1 Might 14) * mounted background symbol swap when startPanel is used * added the 'ga-closed' magnificence by means of default whilst the accordion is to begin with closed * fastened the 'ga-opened' magnificence elimination from the final opened panel * delivered 0 margin and padding to history photographs to prevent unwanted styling v 2.2 (6 April 2014) * fastened non-responsive mode * mounted removing of ga-opened elegance * fastened link support when 'openPanelOn' is set to 'click' * mounted contact-swipe improve while 'openPanelOn' is ready to 'click' * delivered 'never' option for 'openPanelOn' * delivered bottom margin to accordion whilst buttons are present * simplified selectors within the CSS code * stepped forward reinforce for inner HTML content material * brought give a boost to for no-js elegance * delivered preset font sizes for layers * added CSS code that prevents undesirable CSS inheritance v 2.1 (14 November 2013) * brought keyboardTarget belongings * corrected documentation typos v 2.ZERO (EIGHT November 2013) * rewritten all the code and carried out a modular structure * delivered many new options, like responsiveness, contact swipe, animated layers, retina enhance, lazy-loading, pagination, automatic video keep watch over, and so on. v 1.2 (10 January 2012) * up to date the jQuery library to the latest version v 1.1 (15 December 2010) * added the possibility to have both panorama and portrait pictures within the comparable grid v 1.ZERO (29 November 2010) * first free up
FULL DOWNLOAD