The Expander Plugin hides (collapses) a portion of an element’s content and adds a “read more” link so that the text can be viewed by the user if he or she wishes. By default, the expanded content is followed by a “read less” link that the user can click to re-collapse it. Expanded content can also be re-collapsed after a specified period of time.
Best jQuery Plugins Plugins & Tutorials with Demo
Virtual Piano Chords and Scales as a jQuery plugin
Virtual Piano Chords is a jQuery plugin to easily create virtual piano chord/scale to better understand how chords and scales related to each other visually and mathematically.
The Options are
- number_of_keys : To specify the number of keys needed
- key_width : Key Width in pixels
- key_height : Key Height in pixels
- chord_color : Color of the Chord
- scale_color: Color of the Scale used
Hazaar : jQuery PDF Viewer Plugin
At the moment this is a plugin for jQuery to render a PDF. It uses the PDF.js library from Mozilla to render the PDF completely inside the browser. Requires no extra software to be installed on the client computer, such as Adobe Acrobat Reader.
Features:
- View PDFs in the browser without extra software. PDFs are rendered in JavaScript!
- Skip to any page immediately, or by next/prev.
- Zoom in/out
- Download the source PDF directly!
- Loading status progress indicator!
FrameIt : Responsive jQuery Plugin
FrameIt is a Responsive jQuery plugin for frame images.Objective of the plugin is to create a plugin that works on mobile devices, smartphones and desktop without loss functionality. This plugin is “responsive”, which means it’s 100% compatible with responsive web designs.
Features:
- Responsive and mobile Ready
- Support for all majors browser
- Fully customizable frames shapes with css classes
- Fully configurable animation of the frames
- Separate images for each frame
- Anchor frames. Follows any link you want
- +20 presets for all images orientations
- CSS3 Real Shadow Effects
- CSS3 responsive background images (even on unsupported browser)
Windy: A jQuery Plugin for Swift Content Navigation
Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds of a deck of cards or sheets flying away, hence the name. This plugin idea is inspired by the CSS shaders examples as shown in the CSS shaders Flipbook video by Adobe.
There are several options available, including defining the range of spreading the items when navigating, speed (CSS transitions), adding custom navigations, etc.
Pikaday : JavaScript datepicker
Pikaday is a JavaScript datepicker with a light footprint and easy style-ability with modular CSS. Pikaday is packed below 5kb and isn’t even dependent on jQuery. It does play well with Moment.js if you need advanced formatting. This datepicker has literally been on my “projects to build” list for years. I’ve seen alternatives since but nothing I’ve been happy to develop further.
