创建时尚菜单的jQuery手风琴插件
How to Create Accordion Menu in Pure CSS3
In this tutorial we will learn how to create an accordion menu in pure CSS3. s we will create it with CSS this will only work on browsers and devices that support the :target pseudo-class selector.
FLEXIBLE SLIDE-TO-TOP ACCORDION
In today’s 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.
Vertical Accordion Nav Menu with jQuery
We can build a simple vertical navigation accordion menu using CSS3 and jQuery techniques. We can build custom styles and format the links to slide down & up on each click. Using this method we can also build sub-menu links, splitting up headers by ID or class names.
liteAccordion
Accordion Pro JS is a responsive version of liteAccordion, with lots of upgrades and new features (vertical accordions!).
jQuery – Accordion
If you have a lot of content or a very long menu on your website, the use of accordion may be a good option for your layout. This plugin was created to be of easy setup.
Accordion v2.0
Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.
HoverAccordion
A small jQuery Plugin called “HoverAccordion” – basically your ordinary accordion, but with a twist: users don’t have to click to open one item, they just move the mouse over it. In the touch era this seems out of date, and it is, but since the script appears in a number Accordion Halls of Fame (yes, those exist), I decided to include it here.
Flat jQuery Accordion Menu Tutorial
This tutorial to create a two level, jQuery accordion menu. Whats special about this menu is that we will be using jQuery to count the number of items in the sub menus and then show that number next the parent item.
jQuery Easy Accordion Plugin
Set the ‘autoStart’ parameter to ‘true’ to get a timed slideshow. You can also define the interval between each slide in milliseconds using the ‘slideInterval’ parameter.
jQuery experiments: Nested Accordion
The Nested Accordion plugin provides support for unlimited number of levels. The plugin could easily be customized and used with any website.
Vertical accordion menu using jQuery and CSS3
A sleek vertical accordion menu for your next website/app.
