forked from NinjaBCN/zepto-slide-transition
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathzepto-slide-transition.min.js
4 lines (4 loc) · 1.57 KB
/
zepto-slide-transition.min.js
1
2
3
4
/* Zepto plugin : slide transition v1.0
https://github.com/Ilycite/zepto-slide-transition/
*/
!function($){$.fn.slideDown=function(duration){var position=this.css("position");this.show();this.css({position:"absolute",visibility:"hidden"});var marginTop=this.css("margin-top");var marginBottom=this.css("margin-bottom");var paddingTop=this.css("padding-top");var paddingBottom=this.css("padding-bottom");var height=this.css("height");this.css({position:position,visibility:"visible",overflow:"hidden",height:0,marginTop:0,marginBottom:0,paddingTop:0,paddingBottom:0});this.animate({height:height,marginTop:marginTop,marginBottom:marginBottom,paddingTop:paddingTop,paddingBottom:paddingBottom},duration)};$.fn.slideUp=function(duration){if(this.height()>0){var target=this;var position=target.css("position");var height=target.css("height");var marginTop=target.css("margin-top");var marginBottom=target.css("margin-bottom");var paddingTop=target.css("padding-top");var paddingBottom=target.css("padding-bottom");this.css({visibility:"visible",overflow:"hidden",height:height,marginTop:marginTop,marginBottom:marginBottom,paddingTop:paddingTop,paddingBottom:paddingBottom});target.animate({height:0,marginTop:0,marginBottom:0,paddingTop:0,paddingBottom:0},{duration:duration,queue:false,complete:function(){target.hide();target.css({visibility:"visible",overflow:"hidden",height:height,marginTop:marginTop,marginBottom:marginBottom,paddingTop:paddingTop,paddingBottom:paddingBottom})}})}};$.fn.slideToggle=function(duration){if(this.height()==0){this.slideDown(duration)}else{this.slideUp(duration)}}}(Zepto);