Home / Premium Pro Plugins / Toggle Panel

Toggle Panel

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


Toggle Panel is a light-weight jQuery plugin that helps you create toggleable content material.

In search of an accordion as an alternative? Try Accordion A or Tabs + Accordion.

  • Demo
  • Video
  • Assist

QR Code


Fluid width

Toggle Panel suits proper right into a or fluid design. Fastened width is feasible too.

Expanded textual content choice

Specify an expanded textual content (e.g. “Learn extra” when collapsed and “Learn much less” when expanded) both through a knowledge attribute or as a jQuery choice.


As soon as the toggle panel ingredient is concentrated, you should use the house key to toggle it.

With JavaScript disabled, content material stays seen and accessible.

Save State

With HTML5 Native Storage the state (expanded or collapsed) is saved and restored upon reentering the web page. Or you’ll be able to select for Session Storage, which remembers the state throughout a single searching session.

Hash Watch

Hash hyperlink to any toggle panel or its content material.

Pause Media

With the Pause Media choice, HTML5 audio and video components inside a toggle panel are mechanically paused when it’s collapsed.

Nicely documented

Although Toggle Panel is made so simple as doable, it has prolonged documentation that can assist you out.

CSS3 transitions

Clean and exquisite CSS3 transitions deliver Toggle Panel to life.


Prefer to hangout with LESS? There you go, the LESS stylesheets are included within the obtain bundle.


Two themes are included, Minimal and Boxed.

Additionaly, there may be an empty CSS and LESS theme which you should use to kickstart your personal.

Load content material through AJAX
  • Content material is loaded as soon as
  • Panel expands when content material is prepared
  • Choice to specify a selector
  • Minimal theme has a loading icon (which may be modified through CSS) that’s Retina prepared
  • Customized error messages
  • Appropriate with jQuery Ajax Retry
A number of and nested cases

You possibly can create a number of cases on the identical web page and you’ll embed toggle panels a number of ranges.

Highly effective API

Increasing, collapsing and toggling content material may be executed by way of the API.
Go to the API documentation for a whole overview of obtainable strategies, choices and occasions.


  • Documentation
  • Changelog
  • Compatibility desk


Check Also


Double Colors

DOWNLOAD It’s countless recreation. You want faucet for rotate blocks. Contact similar colours! Watch video ...


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...