deals

premiumpacks & javascript accordions (39 items)

This group of resources will help you create and style jQuery accordions with, which are a great alternative for organizing large datasets and give them a neat presentation.

freebies

A great snippet featuring an interesting concept of app navigation, which comprises a menu button that showcases an accordion with sections that a...

A great snippet featuring an interesting concept of app navigation, which comprises a menu button that showcases an accordion with sections that appear one after the other.

A jQuery plugin that consists of a multi-level push left-most located menu that deploys several menus at the left of itself as the previous menu sh...

A jQuery plugin that consists of a multi-level push left-most located menu that deploys several menus at the left of itself as the previous menu shrinks into a single bar.

A vCard developed mainly in CSS that has the advantages of an accordion, providing different sorts of information in each section. This is a creati...

A vCard developed mainly in CSS that has the advantages of an accordion, providing different sorts of information in each section. This is a creation of Mohan Khadka who applied jQuery toggling, FontAwesome, UI Gradients and Google's Pacific and Roboto Fonts to this project.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

A flexible accordion with indicators made in CSS and JavaScript. It can be used as a menu within a website, or to show promotions and deals without...

A flexible accordion with indicators made in CSS and JavaScript. It can be used as a menu within a website, or to show promotions and deals without taking so much space. This live code was created by RandyGarza and you can use it and modify it for free.

By combining an accordion and an image slider, the slidorion is able to show images along with a description that can have different lengths. It se...

By combining an accordion and an image slider, the slidorion is able to show images along with a description that can have different lengths. It serves as an interesting alternative to the classic jQuery slider given its large array of effects and the possibility to carry images with each tab.

Collapse is a flexible jQuery plugin that allows the user to collapse content (also known as progressive disclosure). Some of its highlights are: -...

Collapse is a flexible jQuery plugin that allows the user to collapse content (also known as progressive disclosure). Some of its highlights are: - Very lightweight (1-2 kb). - Accordion behaviour can be enabled. - WAI-ARIA compliance that allows accessibility for the disabled. - Cookie persistence.

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video prod...

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video production to web design and presentations! Only $19!

Akordeon offers a lightweight, highly customizable accordion in which we can enter different kinds of information by making good use of the availab...

Akordeon offers a lightweight, highly customizable accordion in which we can enter different kinds of information by making good use of the available space. Among its options we can find: - Expansion speed.- Item reordering.- Toggle expanded/collapsed items.

AWSAccordion is a powerful automated accordion generator that can make things supremely easy without sacrificing too much on customization. It allo...

AWSAccordion is a powerful automated accordion generator that can make things supremely easy without sacrificing too much on customization. It allows us to modify colors, sizes, borders and more, then download our creation, all done in a very intuitive, friendly manner.

This nice article from Script Tutorials shows that sometimes there's no need to use JavaScript or jQuery to create beautiful accordions since we ca...

This nice article from Script Tutorials shows that sometimes there's no need to use JavaScript or jQuery to create beautiful accordions since we can always rely on the power of CSS3 to handle everything for us, including the OnClick event and the addition of animations.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

Jamy Golden from CSSPlus has provided this tutorial on how to create simple accordions using jQuery, CSS3 and HTML5. If you are looking for cr...

Jamy Golden from CSSPlus has provided this tutorial on how to create simple accordions using jQuery, CSS3 and HTML5. If you are looking for cross-browser compatibility, jQuery is the best option, while CSS3and HTML5 have the least compatibility. The design is very simple, but you can edit the code to make it more appealing.

This plugin lets us generate simple accordions with cookie persistence, which in turn let us keep the current status or remember some useful inform...

This plugin lets us generate simple accordions with cookie persistence, which in turn let us keep the current status or remember some useful information about the users' habits. It was uploaded to GitHub by John Snyder.

This plugin allows us to create accordions to display all kinds of information in an efficient way, without taking too much space. You can customiz...

This plugin allows us to create accordions to display all kinds of information in an efficient way, without taking too much space. You can customize the accordion by defining which containers are opened in the beginning, adding arrows, closing and opening all tabs and much more.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

HTMLDrive brings us this solid accordion which is built and customized using jQuery and CSS3. It can make very attractive designs with a smooth int...

HTMLDrive brings us this solid accordion which is built and customized using jQuery and CSS3. It can make very attractive designs with a smooth interface that displays all sorts of content. Its design is minimalistic, it gives the necessary space for the content, including images, text and titles, and is ready to be integrated into any website.

The MooTools plugin lets you create beautiful horizontal accordions in an easy fashion. When the images slide, a caption appears with title and des...

The MooTools plugin lets you create beautiful horizontal accordions in an easy fashion. When the images slide, a caption appears with title and description. You can insert texts and links to make the slideshow more appealing.

This extremely easy and lightweight accordion is perfect for showcasing multi-leveled content with as many levels as you want. You only have to cre...

This extremely easy and lightweight accordion is perfect for showcasing multi-leveled content with as many levels as you want. You only have to create an ul-list and fill it with content, then call the accordion JavaScript method, and that’s it!

7300+ Unique Presentation Slides PowerPoint & Keynote Templates Bundle, Only $12 USD! Drag n' Drop Easy Edition, Vector Elements, Ready to print! (...

7300+ Unique Presentation Slides PowerPoint & Keynote Templates Bundle, Only $12 USD! Drag n' Drop Easy Edition, Vector Elements, Ready to print! (98% OFF)

This accordion can display multi-level menus, useful to display large amounts of info in an attractive way without taking too much space. You are a...

This accordion can display multi-level menus, useful to display large amounts of info in an attractive way without taking too much space. You are able to modify the speed in which tabs open and close, the way they do it and many more things that will improve the functionality of the accordion.

This plugin takes standard HTML nested lists and turns them into vertical accordion menus making it very easy for users to setup accordio...

This plugin takes standard HTML nested lists and turns them into vertical accordion menus making it very easy for users to setup accordions on their sites. Some of the features of this plugin have: - Unlimited levels. - Choose between “clock” or “hover” events. - State save using cookies.

The guys from NetTuts show us how to create a neat and lightweight accordion using two JavaScript libraries: Prototype and Scriptaculous. This acco...

The guys from NetTuts show us how to create a neat and lightweight accordion using two JavaScript libraries: Prototype and Scriptaculous. This accordion aims to:- Allow full customization with CSS.- Limit memory consumption and be lightweight.- Include any sort of content.- Maintain a constant height to avoid the “page bouncing” effect.

1400 Logo Templates, Full Vector Files in Ai, PSD with Smart Objects, PNG, JPG, 8 Design Styles, From Colorful Designs to Black and White Corporate...

1400 Logo Templates, Full Vector Files in Ai, PSD with Smart Objects, PNG, JPG, 8 Design Styles, From Colorful Designs to Black and White Corporate Logos. Regular price 4200$ Get Them All for Just 12$! (100% Off)

Nate Armagost’s zAccordion is a horizontal accordion plugin for jQuery. It comes with a pretty straightforward source code that allows users to ext...

Nate Armagost’s zAccordion is a horizontal accordion plugin for jQuery. It comes with a pretty straightforward source code that allows users to extend it. Also, in the same way, the plugin can be further customized and tweaked. Apart from adding images, you can insert texts and links to the accordion. It is also touch-friendly.

This is an accordion plugin for Enyo 2. One of the downsides of it is that you can only open one tab at a time. However, you are able to close al t...

This is an accordion plugin for Enyo 2. One of the downsides of it is that you can only open one tab at a time. However, you are able to close al the tabs at once. This nice code snippet was uploaded to GitHub by Jeremy Thomas can be taken and used freely.

OriDormi is a small JavaScript library used for folding DOM elements as if they were paper, and boy, it looks amazing. The library allows us to ben...

OriDormi is a small JavaScript library used for folding DOM elements as if they were paper, and boy, it looks amazing. The library allows us to bend these elements in many different ways, and it also features built-in support for touch events. Any image can be integrated into this snippet, so it's ready to use.

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shop...

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shops with WooCommerce Integration, Portfolios, Startups, & Business Sites PLUS All Future Releases, Theme Updates, & Support. Only $29! (71% Off!)

This great plugin is used to display a highly customizable accordion with the help of a simple API. It is called LiteAccordion since the JavaScript...

This great plugin is used to display a highly customizable accordion with the help of a simple API. It is called LiteAccordion since the JavaScript source is only 6kb! You can use it to show all sorts of content, and you can be sure it'll work in most browsers, if not all, since it has been tested on Opera, Chrome, Safari, Firefox and IE.

Using accordions can be very useful for displaying large amounts of content to your visitors in a compact way without overwhelming them. This tutor...

Using accordions can be very useful for displaying large amounts of content to your visitors in a compact way without overwhelming them. This tutorial will teach you how to make an amazing menu with delightful animations and colorful design, displaying content efficiently and impressing your visitors with fancy visuals.

A clean and simple design for an animated accordion using jQuery. The portions slide up and down in order to display the content inside of them, ke...

A clean and simple design for an animated accordion using jQuery. The portions slide up and down in order to display the content inside of them, keeping no more than one section open at a time. This code snippet is hosted at JSFiddle, courtesy of Harrison Statham who created it.

330+ Unique Printing Templates Bundle, Includes 200+ Multi Purpose Flyer Templates, Corporate Identity Kit, Business Cards, Magazine Templates, Let...

330+ Unique Printing Templates Bundle, Includes 200+ Multi Purpose Flyer Templates, Corporate Identity Kit, Business Cards, Magazine Templates, Letterheards, Brochures, CV/Resume Templates, INDD, PSD, Ai, EPS File Formats. Get this Bundle Now For Just $29!

A simple design for a dark accordion including smooth transitions for opening and closing the menu portions. The headers support a small bubble for...

A simple design for a dark accordion including smooth transitions for opening and closing the menu portions. The headers support a small bubble for notifications and the boxes’ shadow effects are very satisfying. This project was created and uploaded to CSSDeck by the user Yannick Albert.

Dennis Gaebel from CodePen has published this responsive accordion menu. It is just the classic accordion panel widget, optimized to work with mobi...

Dennis Gaebel from CodePen has published this responsive accordion menu. It is just the classic accordion panel widget, optimized to work with mobiles by using liquid width. It does not require JavaScript to work, but it also has its downsides: For instance, not having touch support or keyboard events.

This slick menu will allow us to show pictures in black and white, then slide out a colored image and a text when we click on a particular image. T...

This slick menu will allow us to show pictures in black and white, then slide out a colored image and a text when we click on a particular image. The black and white picture will slide out as well, creating a very nice-looking effect. It is cool to show some information without hiding other equally important data.

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, ...

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, Icon Fonts, 16:9 Aspect Ratio, Intros, Maps, Infographics, Tables, Calendars, Charts, and Much More! Get it for Only $19 (99% Off)

This classy accordion works great for displaying any type of content, whether it is an image or text. When hovering, a vertical accordion tab slide...

This classy accordion works great for displaying any type of content, whether it is an image or text. When hovering, a vertical accordion tab slides out and the other ones move around if necessary. CSS3 effects can be applied to improve the appearance of the accordion.

This accordion is structured as a table to show a big deal of information in a small space. Columns and rows co...

This accordion is structured as a table to show a big deal of information in a small space. Columns and rows contract and expand, serving a good purpose and looking awesome as well. Images can be added as a striking element to catch the eye of your audience or to focus the attention on some important information.

The concept of this accordion is to expand the slices on click to display more information as the other slices squeeze. Different animations can be...

The concept of this accordion is to expand the slices on click to display more information as the other slices squeeze. Different animations can be applied to show the info. For example, in one animation, the slide we click will spread out while the others fade out, or they could go completely out of frame and come back once we click again.

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550...

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550 USD. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

This responsive accordion slides to the top of the screen when clicked, avoiding the user having to scroll down to read the content. A fancy CSS tr...

This responsive accordion slides to the top of the screen when clicked, avoiding the user having to scroll down to read the content. A fancy CSS transistion can be applied to the arrow next to the items, making an arrow appear when we hover over and rotate it when we click on the item. It looks terrific and actually serves a purpose to the user, so great job!

This plugin offers a simple, easy to use slideshow that can be customized to get even more control. For example, you can use the autoplay option an...

This plugin offers a simple, easy to use slideshow that can be customized to get even more control. For example, you can use the autoplay option and change the speed of the slides, or disable it and select any slide as the initial one. It has a minimal design, ready to be integrated into any project.

This simple slider plugin created with jQuery contains a set of boxes that slide left and right to show informa...

This simple slider plugin created with jQuery contains a set of boxes that slide left and right to show information. Unused boxes stack up elegantly on the sides. Michael Martin-Smucker uploaded this to GitHub and CodePen.

856+ Massive Vector Wireframe Templates Bundle + Extended License, $775 Worth of Assets for Only $24USD (97% Off)

856+ Massive Vector Wireframe Templates Bundle + Extended License, $775 Worth of Assets for Only $24USD (97% Off)

These accordions are created in jQuery Mobile by grouping a series of individual collapsible elements. Once this is done, they will be put together...

These accordions are created in jQuery Mobile by grouping a series of individual collapsible elements. Once this is done, they will be put together and act as an accordion so only one portion of the content can be seen at a time. It is possible to change the color of these portions and their position.

This accordion menu features a set of slides placed each one on top of the next, styled in a beautiful manner. Once you click on a section, a smoot...

This accordion menu features a set of slides placed each one on top of the next, styled in a beautiful manner. Once you click on a section, a smooth animation slides down the content. Additionally, bright blue highlights appear when hovering on any section. This project was developed by CodePen’s user Kevin Carpenter.

Here we have a very useful piece of work, in which content has to be displayed in a tight space. This widget can be used without JavaScript, and di...

Here we have a very useful piece of work, in which content has to be displayed in a tight space. This widget can be used without JavaScript, and different options like height, icons and collapsing sections can be changed on the accordion to customize the viewing experience.

600+ Isolated Objects, PSD Files with Smart Objects, Transparent Backgrounds & Shadows, Organized Layer Structure + Scene Creator, Only 10$! (91% Off)

600+ Isolated Objects, PSD Files with Smart Objects, Transparent Backgrounds & Shadows, Organized Layer Structure + Scene Creator, Only 10$! (91% Off)

A basic and very colorful image accordion with soft left-to-right animations triggered when hovering on the square thumbnails placed on top. You ca...

A basic and very colorful image accordion with soft left-to-right animations triggered when hovering on the square thumbnails placed on top. You can see the pictures in a much larger size when clicking on their respective preview. It was uploaded to CodePen by Calvin Webster.

This code snippet provides a smooth accordion that uses CSS (Sass) for styling and jQuery to handle its animations. Just click on a section to open...

This code snippet provides a smooth accordion that uses CSS (Sass) for styling and jQuery to handle its animations. Just click on a section to open it after a fine sliding transition, displaying all of the content. It is only possible to open one section at a time. Uploaded by CodePen user Jon Stuebe.

This basic accordion brought by DTP allows the user to see content by clicking on one of the boxes. This accordion will not close any portion when ...

This basic accordion brought by DTP allows the user to see content by clicking on one of the boxes. This accordion will not close any portion when opening another one, letting us see more information at the same time. It is officially compatible with Chrome, Safari and IE 7 or above.

Supercharge your workflow with hundreds of UI Elements, Responsive Layouts, Web UI Components, & Templates for prototyping apps, websites, and ...

Supercharge your workflow with hundreds of UI Elements, Responsive Layouts, Web UI Components, & Templates for prototyping apps, websites, and web apps from 16 awesome products for Sketch & Photoshop at a crazy 95% off. This bundle includes $667 worth of goodies which for a limited time you can get for just $29