35+ jQuery Accordion Menu and Slider Plugins
Space is always limited on busy front pages of websites. By using a jQuery accordion menu or a slider plugin on your pages, you will be able to present lots of content in a small space and it is perfect for featuring important content. This helps you in creating a website where it is easy for visitors to navigate. In addition, you should consider using simple website templates, as they tend to be less crowded and give more space for your content. I collected some of the best themes in a previous post and recommend that you check it out.
As most visitors land on the homepage or end up navigating to it, most website owners want as much important content made available as possible in this page. Services, products and other important elements will often fight each other for the best spot on this page leaving not to little room for keeping the design simple or even minimalistic. Most commonly used solution right now is jQuery sliders but accordion menu plugins also does a great job, as you will see in the demos below.
A great way to combine the need for a minimalistic web design with the fact that you want, as much content featured on the same page as possible, is to use a jQuery accordion menu or as just mentioned a content slider. As the accordion menu is expandable, it becomes possible to show lots of information without using lots of space. On the other hand if using slider plugins you will be able to create a dynamic presentation where the content changes automatically and often with fancy animation effects. Either way these two methods will help, you create an easy to navigate website that will fulfill all your visitor’s needs.
This is a cool accordion style jQuery dashboard menu script.This script comes with the choice if 6 different colours and is very simple and easy to implement.
This is the brand-new version (v3.3) of Zozo Accordion. It is a Fully responsive and touch-friendly with a lot of customization options that can be integrated into your site/blog quickly without writing any code. Some of its key features includes: such as CSS3 transitions with jQuery fallback, horizontal & vertical accordion, Load content with AJAX, custom styled scrollbar for Webkit, 10 unique themes, semantic HTML5 and SEO friendly and much more. Note: This is not a WordPress plugin but it can be easily integrated.
A clean searchable accordion that offers a lot of features it has up to 3 leves of nesting , fully W3C compliant (XHTML 1.0 strict!), configurable animation, active, inactive, external nodes supported and with 5 skins included!
This is a simple yet modern and easy to install jQuery and CSS3 vertical accordion menu.
Grid Accordion combines the functionality of a thumbnail grid and an accordion panel, offering you an interesting method to display your portfolio. You have the option to use either XML or HTML. The powerful API will allow to further enhance the functionality of this jQuery plugin and make it possible to easily integrate it into your own application.
A simple and responsive way to keep your content anywhere.Clean tabs is a CSS3 and jQuery responsive navigation tabs, optimized for mobile & touch devices. On small screen, the horizontal tabs turns into a vertical accordion. More than 20 clean, smooth and elegant themes realized to work on every devices.
Accordion A is a lightweight, accessible jQuery accordion plugin. It has smooth and beautiful CSS3 transitions that brings Accordion A to life.
This accordion menu was made in a way it could be easy adapted to any kind of project for you, you can have and do pretty much what you want with the rotator. Some of the options include click or over images action, the possibility of having any kind of button to the next and previous image or none at all, autoplay and duration, border or shadow divider and much more.
Superslide Accordion Menu – MORE INFO
Sherpa is a total solution for all your navigation requirements. Sherpa brings together the three main navigation elements of every interface – Navbar, Sidebar and Sticky Footer. Each one consists of a selection of different menu types including: Slide Menu, Mega Menu,Accordion Menu and Drop Menu. You can pick, choose and mix these to make a really unique navigation.
Classic Accordion is a jQuery plugin that allows you to easily create accordion panels. You have the option to use XML, which will make the accordion panel much easier to setup and maintain. However, you also have the option to use HTML instead of XML. The plugin also provides an easy to use API which will allow to further enhance the functionality of the accordion and make it possible to integrate it into your own application.
Lida accordion menu is based in pure CSS3. It has CSS3 Transition Effects (for Modern browser) and JQuery fallback for IE browsers. It offers a lot of features, has approximately 8 styles, icon support (240+), well documented and very easy to use.
This is a jQuery plug-in, which helps to make beautiful sliding drop lists – available in 6 color schemes. It has a lot of features to offer like cross browser compatible, help documentation included and very easy to use and install. It also works with jQuery Library.
Mate Tabs it is a responsive retina ready tabs and accordion. Mate tabs is very simple to use, customizable and allows multiple connections.
Z Light Accordion – is a adaptive jquery accordion. Fully customizable.Supports thirty animation effects from jQuery Easing.You can embed your icons, you can adjust the speed of the animation, you can change the color, size and much more.
This tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. The idea is to avoid that the user has to scroll the content area into place. We’ll also add some nice CSS3 transitions for the arrow to appear and to rotate when we click on an item. The accordion will be flexible, meaning that it will have a liquid width adjusting to the screen size.
Accordionza is very flexible jQuery plugin. While providing a solid accordion base code, it leaves you the freedom to design an accordion the way you want.
zAccordion – MORE INFO
zAccordion is a horizontal accordion plugin for jQuery. With its latest version Version 2.1.0.
liteAccordion – MORE INFO
liteAccordion a horizontal accordion plugin for jquery. It is called lite accordion because the minified JS source only weighs 6kb. It originally had two themes ‘basic and dark’ . In version 2 two more themes were added the ‘light and stitch’. It’s been tested on the latest versions of Firefox, Chrome, Safari and Opera. liteAccordion is free to use for commercial and personal projects.
This is a tutorial about making a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects.
This accordion Displays collapsible content panels for presenting information in a limited amount of space.
This is a tutorial that will help you create an elegant accordion for content. The idea is to have some vertical accordion tabs that slide out when hovering. We will add some CSS3 properties to enhance the looks.
Making Accordion Menu Using jQuery – MORE INFO / DEMO
This tutorial will show you how can you create fancy accordion menu using jQuery.There will be two accordion examples in this post. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toggled when mouse is moved over it.
This tutorial will show you how to create an accordion jquery menu.
Accordions can be very useful for showing lots of different sections of data in a small amount of space. jQuery UI has a built in Accordion function, but according to the jQuery UI Build your Download, the size of the Core jQuery UI and Accordion scripts are 25kb and 16.6kb, respectively. This tutorial will show you how to build a custom accordion that is more “bandwidth efficient”.
jQuery Plugin: Easy Accordion Plugin is a highly flexible horizontal slider accordion able to show any kind of content (text, images, lists, etc.).
Unleash is a responsive, fancy and easily customizable jquery accordion image slider. It offers a lot of features like multiple pre-styled Captions, multiple captions animations, ability to add multiple sliders in one page without interfering, expand by hover or click event and it is easy to set up with Detailed documentation.
Stylish jQuery Accordion Plugin (FREE): Akordeon – MORE INFO
County is a free jQuery count down plugin build with powerful jQuery library and loaded with various customization options. It allows you to control the animation, color schemes and many other parameters.
This tutorial is a perfect example of how easy it is to add a slick vertical accordion style menu to your website with just a few lines of jQuery code!
About the author
Hi I am Pete! I love to work with web design and sometimes dive into some coding. My main focus is WordPress websites.View all articles by Pete
23 February, 2013
07 March, 2013
06 March, 2013