Sunday, September 20FreeJQuery

Tag: Accordion

Multilevel Accordion Menu for AngurlarJS
Accordion, Plugins

Multilevel Accordion Menu for AngurlarJS

Awesome dynamic, recursive, customizable and multilevel Accordion Menu for Angular JS.##FeaturesDynamic content: if the scope that contains the JSON object is update the accordion updates too. Responsive: The item height adjust to the content and is responsive; the width of the accodion adjusts to 100% of the wrapper tag. Easy use AngularJS Directive: you just need to add the js and css files, add the 'sir-accordion' module to the AngularJS app and call the directive like this:Read More | Demo | Download  
Angular2 Accordion multilevel Component
Accordion, Plugins

Angular2 Accordion multilevel Component

A small example of how to use a multilevel accordion inside an angular2 component.Features:install node.js install http-server with "npm install -g http-server" run http-server inside the main folder of this project with "http-server" done (visit the address used by http-server)Read More | Demo | Download  
Elegant Accordion with jQuery and CSS3 Plugin
Accordion, CSS2 / CSS3.0, Gallery

Elegant Accordion with jQuery and CSS3 Plugin

Elegant accordion with jQuery and CSS3 Plugin has the following features:Stop rotation on click of a slide Options for setting a delay, animation speed, and easing Auto-rotate through all the slides with extra options Pause on hover Ability to set active slide onload using hashes (index.html#panel1-3) Works with multiple instances on the page Ability to specify the width of the active slide while automatically adjusting inactive slides Option to stop rotation at the end of the slidesRead More | Demo | Download -----------------------
Flexible Slide-to-top Accordion jQuery Plugin
Accordion, CSS2 / CSS3.0, Menus, Web

Flexible Slide-to-top Accordion jQuery Plugin

Today's tutorials we will discuss creating a simple flexible Slide-to-top accordion jQuery plugin that, when opened, it will slide to the top of the viewport and reveal the content by fading it in. 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.Read More | Demo | Download -----------------------
Hummingbird: A tiny and fast jQuery Treeview Plugin
jQuery, jQuery Plugins, Plugins, Web

Hummingbird: A tiny and fast jQuery Treeview Plugin

Hummingbird is a tiny and fast jQuery Treeview Plugin.Features: Tri-state logic Manual and programmatically check, uncheck, collapse, expand, etc Display hierarchical tree structures Based on simple pseudo HTML lists or full HTML structures Get checked/unchecked items programmatically Supports n-tuple nodes, i.e. doubles, triplets, etc Filter nodes Supports HTML5 data-* attribute to embed custom data Search functionRead More | Demo | Download -----------------------
jQuery-Collapser: jQuery Collapser Plugin
Accordion, Collapser, jQuery Plugins, Web

jQuery-Collapser: jQuery Collapser Plugin

Collapser is a small and useful jQuery plugin for collapsing/truncating an element text by words. The characters and lines with a flexible API. It is an all in one plugin with multiple functionalities to truncate a paragraph or any element as desired.Read More | Demo | Download -----------------------
Vertical Sliding Accordion with jQuery
Accordion, Gallery, Menus, Slider

Vertical Sliding Accordion with jQuery

Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on the slide.Read More | Demo | Download -----------------------