Subscribe
Follow Us
Horizontal Accordion menu with jQuery
28164
3797
Up until now I have always used Scriptaculous / Prototype for any JavaScript animation and effects, but lately I’ve heard a lot of good things about jQuery. So, I thought I would give it a try,…
Simple Accordion CSS3 and jQuery
Foundation – HTML Our markup is pretty simple, an <h2> and <div class="acc_container"> following right after. The <h2> is the heading of our accordion item. We will be using this…
jQuery Colorful Content Accordion menu
We are making a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. Step 1 – XHTML As you can see from the demo, the accordion…
Making Accordions with the Tabs(jquery)
HTML coding Our HTML layout is a bit different than in tabs. The accordion headers are positioned in front of the panes and everything is contained as a flat list inside a single root DIV element with…
jQuery plugin: Easy Accordion
Easy Accordion plugin will get your definition lists (DTs) and generate a nice and smooth horizontal accordion. You can then decide to make it a timed slideshow or leave it still. As usual, all of that…
Super simple Multi-level accordion jQuery plugin
This Jquery plugin makes creating accordions pain free. Just create an ul list and call the accordion javascript method and it is all done! Also it is super lightweight, just around 0.5kb. This Accordion…
Elegant Accordion with jQuery and CSS3
We will 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. The Markup …
Simple JQuery Accordion Collapsing menu
This is a simple Accordion collapsing menu done in JQuery. Links with subitems under them will expand the submenu when clicked. Items that don't have subitems are normal links.. The menu initialises with…
Hover Accordion jQuery
A jQuery Plugin for no-click two-level menus (or whatever else you want to do with it) Introduction This is yet another accordion script, except you don't have to click to open one item, you just move…
Kwicks accordion menu for jQuery
Default CSS Note that all of the examples on this page are using this as their default stylesheet /* defaults for all examples */ .kwicks { list-style: none; position: relative; margin: 0; padding: 0;…
jQuery-Horizontal Accordion
This jQuery plugin allows you to easily transform any unordered list into a horizontal menu. Currrent functionality: No dependencies Optional use of easing plugin Close and open content one after the…
jQuery Accordion slide Plugin
It to be more like an image slider. There are some coding after the project was complete jQuery plugin. Example 1 Each slide is 600 x 270 pixels. I've set the width of the accordion to 960 and the slideWidth…
multi level slide accordion menu with jQuery
jQuery accordion menus are menus that act like a musical accordion, with regards to their ability to expand and contract based on user interactions. This helps display additional information for the active…
Customizing the Accordion effect
Adding a custom effect If you want to make custom effects, you'll use the $.tools.tabs.addEffect() method. The first argument is the effect name and the second argument is the function that performs the…
Feature Complete jQuery Slide Out Info Bar
The bar used jQuery to hide itself until someone click a small question mark on the top left of the page. The box contains several drop down boxes which house info such as FAQs, Contact form, about us…
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu