Friday, May 10, 2013

Toggle Panel

JavaScript - Toggle Panel - CodeCanyon

Toggle Panel his title this type of JavaScript/Miscellaneous This time I will review,made by Lamovo, JavaScript/Miscellaneous is sold at a price of $6 in CodeCanyon. Toggle Panel - CodeCanyon Item for Sale accessibility // ajax // collapsible // css3 // expandable // javascript // jquery // less // localstorage // read more // sessionstorage // toggle box // toggle panel // transition // ui //
Created 6 October 12
Last Update 6 October 12
Compatible Browsers IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Software Version jQuery
High Resolution Yes
Files Included JavaScript JS, HTML, CSS, LESS
More Info...Toggle Panel ..

Toggle Panel is a lightweight jQuery plugin that helps you create toggleable content.

Looking for an accordion instead? Check out Accordion A or Tabs + Accordion.

  • Demo
  • Video
  • Support

QR Code

Features

Fluid width

Toggle Panel fits right into a responsive or fluid design. Fixed width is possible too.

Expanded text option

Specify an expanded text (e.g. “Read more” when collapsed and “Read less” when expanded) either via a data attribute or as a jQuery option.

Accessible

Once the toggle panel element is focused, you can use the space key to toggle it.

With JavaScript disabled, content remains visible and accessible.

Save State

With HTML5 Local Storage the state (expanded or collapsed) is saved and restored upon reentering the page. Or you can choose for Session Storage, which remembers the state during a single browsing session.

Hash Watch

Hash link to any toggle panel or its content.

Pause Media

With the Pause Media option, HTML5 audio and video elements inside a toggle panel are automatically paused when it is collapsed.

Well documented

Though Toggle Panel is made as simple as possible, it has extended documentation to help you out.

CSS3 transitions

Smooth and beautiful CSS3 transitions bring Toggle Panel to life.

LESS

Like to hangout with LESS ? There you go, the LESS stylesheets are included in the download package.

Themes

Two themes are included, Minimal and Boxed.

Additionaly, there is an empty CSS and LESS theme which you can use to kickstart your own.

Load content via AJAX
  • Content is loaded once
  • Panel expands when content is ready
  • Option to specify a selector
  • Minimal theme has a loading icon (which can be changed via CSS ) that is Retina ready
  • Custom error messages
  • Compatible with jQuery Ajax Retry
Multiple and nested instances

You can create multiple instances on the same page and you can embed toggle panels multiple levels.

Powerful API

Expanding, collapsing and toggling content can be done through the API .Go to the API documentation for a complete overview of available methods, options and events.

Support

  • Documentation
  • Changelog
  • Compatibility table

Related produck This user:Lamovo

Auto Pause - CodeCanyon Item for Sale Tabs + Accordion - CodeCanyon Item for Sale Accordion A - CodeCanyon Item for Sale Seaside Slider - CodeCanyon Item for Sale Captions - CodeCanyon Item for Sale The Tooltip - CodeCanyon Item for Sale

More items by Lamovo

No comments:

Post a Comment