- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon Toggle Panel 3157386
Toggle \ Sessionstorage \ More \ Panel \ Transition \ Read \ Localstorage
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 .
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.
Once the toggle panel element is focused, you can use the space key to toggle it.
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 link to any toggle panel or its content.
With the Pause Media option, HTML5 audio and video elements inside a toggle panel are automatically paused when it is collapsed.
Though Toggle Panel is made as simple as possible, it has extended documentation to help you out.
Smooth and beautiful CSS3 transitions bring Toggle Panel to life.
Like to hangout with LESS ? There you go, the LESS stylesheets are included in the download package.
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.
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.
- Compatibility table
Auto Pause; Toggle Panel; Tabs + Accordion; Accordion A; Seaside Slider; Captions.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Online, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest Casimir A Bold Tumblr Portfolio Theme 19617626
- ThemeForest Ap Dolphin Shopify Theme 19621981
- ThemeForest Organie An Organic Store Farm Cake and Flower Shop Magento 2 Theme 19620006
- ThemeForest Summer Moon Fashion Store Muse Template 19616699
- ThemeForest Ucare Medical & Health PSD Template 19634099
- ThemeForest Repair Shop Mobile & Gadget Repairing PSD Template 19633788
- ThemeForest Healthcare Health & Medical Care HTML5 Template 19624563
- ThemeForest Azra Creative Multi-Functional HTML Template 19621991
- ThemeForest Ap Roy Shopify Theme 19617775
- ThemeForest Clean Host Hosting Business Site PSD Template 19632995