Mosne Slide Up and Down jQuery Plugin
with CSS3 smooth transition animations or jquery fallback
Modernizr csstransform is required -
download ↓
/* css3 for Mosne Slide Up and Down jQuery Plugin */
.csstransitions .mosneslide {
-webkit-transition: height .4s ease-in-out;
-moz-transition: height .4s ease-in-out;
-ms-transition: height .4s ease-in-out;
-o-transition: height .4s ease-in-out;
transition: height .4s ease-in-out;
max-height: 9999px;
overflow: hidden;
height: 0;
}
.no-csstransitions .mosneslide{
display: none;
}
/* toggle slide down / slide up */
$(".mosneslide").mosne_slide({
delay:500,
before:function(){console.log("start");},
after:function(){console.log("done");}
});
This plugin is based on a JensT script
/* css3 for Mosne Slide Up and Down jQuery Plugin */ .csstransitions .mosneslide { -webkit-transition: height .4s ease-in-out; -moz-transition: height .4s ease-in-out; -ms-transition: height .4s ease-in-out; -o-transition: height .4s ease-in-out; transition: height .4s ease-in-out; max-height: 9999px; overflow: hidden; height: 0; } .no-csstransitions .mosneslide{ display: none; }
/* toggle slide down / slide up */ $(".mosneslide").mosne_slide({ delay:500, before:function(){console.log("start");}, after:function(){console.log("done");} });
This plugin is based on a JensT script