Flexible Content Expanding and Collapsing Plugin - jQuery Collapse

Flexible Content Expanding and Collapsing Plugin - jQuery Collapse
File Size: 96.9 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Collapse is a simple, lightweight and flexible jQuery Plugin that allows you to expand or collapse content to save space and reduce the load time.

Features:

  • Accordion Behaviour Supported
  • Works with CSS3 Animation effects
  • Cookie Storage to remember open sections on page reload
  • Compatible with all major browsers

Basic Usage:

1. Include jQuery and jQuery Collapse in your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="jquery.collapse.js"></script>

2, Markup

<div id="demo" data-collapse>
  <h2>Fruits</h2>
  <ul>
    <li>Apple</li>
    <li>Pear</li>
    <li>Orange</li>
  </ul>
  <h2>Info</h2>
  <div>
    <p>You can use any container you like (in this case a div element)</p>
  </div>
</div>

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.