🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Expandy Thing is a jQuery plugin used to create accordion-style collapsing and expanding animations for block-level elements.

content-toggle

Documentation

expandy-thing

Just a fairly simple jQuery plugin to show+hide content on a web page. Also will accommodate multiple instances per page: http://leemark.github.io/expandy-thing/double.html

USAGE: include expandy.js and expandy.css


var options = {         toggleElement: 'h2',         jqAnim: false,         showFirst: false,         accordion: false,         speed: 400,         indicator: 'plusminus'     }      $(container).makeExpander(options); 

container - outer container element containing all of the toggle/expanding content

toggleElement - heading for each piece of hidden/displayed content. everything between each toggleElement will be hidden. this element will be used to trigger the toggling behavior. default is 'h2'.

jqAnim - use jQuery slide animation instead of simply using CSS to show/hide. default is false.

showFirst - the first piece of hide/toggle content is displayed when content is first loaded. default is false.

accordion - only one piece of content can be expanded at a time. default is false.

speed - speed of animation when using jQuery slide animation. accepts a # of milliseconds, or the keywords 'fast' (200ms) and 'slow' (600ms). default is 400.

indicator - what to add as an open-closed indicator. this option adds a class to the toggleElement, the actual indicator is created/styled in the CSS. accepts 'plusminus', 'triangle', or 'arrow' (or anything else there are CSS classes for, if you want to roll your own). default is 'plusminus'.


You May Also Like