FadeUp

A simple, jQuery plugin for fancy hiding.

Demo

Live demo here

Usage

$(...).fadeUp();

// or

$(...).fadeUp(function(collapsed) {
  // Do things
});

// or

$(...).fadeUp({
  duration: 5000,
  easing:   'swing'
}, function(collapsed) {
  // Do things
});

Example

<button type='button' class='btn'>Go</button>
<div class='content'>
  ...
</div>

<script>
  $(function() {
    $('.btn').on('click', function() {
      $('.content').fadeUp();
    });
  });
</script>

Install

Install via bower, npm or copy from the dist directory.

Bower:

bower install fadeup

NPM:

npm install fadeup --save-dev

Copy / Pasta:

• jquery.fadeup.js
• jquery.fadeup.min.js
• jquery.fadeup.min.js.map

Browser Support

Chrome, Safari, Firefox, IE 9+

Velocity Integration

Velocity will be used if available. You don't have to do anything, if it is there, it uses it. #winning.

Issues?

Please submit any issues here.

Questions?

Hit me up on twitter @sturdynut