Skip to content

emkayy/zepto-slide-transition

 
 

Repository files navigation

Zepto Slide Transition+

The Zepto Slide Transition plugin add to Zepto.js the functions bellow :

  • slideDown();
  • slideUp();
  • slideToggle();

Additional Features and Fixed Bugs

  • Multiple element support
  • Call back function support
  • Bugs fixed
    • Height calculation issue
    • Missing arguments for slideToggle
    • Restore of original styles
    • Issue calculating correct size when parent element doesn't have position relative

Requirement

Like a jQuery plugin, this Zepto plugin needs Zepto to work. You can download Zepto at this adress http://zeptojs.com or find its repository here : https://github.com/madrobby/zepto.

N.B. You can't use Zepto with jQuery, it's one or the other.

How to use

  • You need to add the following to your page in your <head></head> or in your <body></body>, just before the </body>.
<script src="zepto.min.js"></script>
<script src="zepto-slide-transition.js"></script>
  • Then just use the slide function like you can use it with jQuery :
$('element').slideUp();
$('element').slideDown();
$('element').slideToggle();

About

Zepto plugin for animated slide transitions

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.0%
  • HTML 44.0%