Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
OSX Mail style unfold for the web!
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
README.md
image.png
index.html
jquery.unfold.js

README.md

Unfold to the Max

Introducing jQuery Unfold. Now you can do fancy Mail app style unfold effects in your browser. It looks great in Webkit and pretty good in Firefox (seems to be the new status quo).

Unfold Some Content

$(window).load(function() {
  $('article').unfold();
});

Note the use of $(window).load. The content needs to be loaded before calculating heights.

Collapse it

$('article').fold();

Some Options

Pass in a custom easing function to impress the girls:

$('article').unfold({
  easing: 'easingFunction',
  duration: 1000,
  slices: 10 
});

Notes

  • Make sure all content is loaded before invoking otherwise measurements will be off!
  • Inspired by the Mail app expando transition in
  • Works in FF10+ and Webkit.
Something went wrong with that request. Please try again.