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