原生js仿jquery的slideDown和slideUp的方法

原生js仿jquery的slideDown和slideUp的方法，为了简便，不实现speed和callback：

//slideDown()
Object.prototype.slideDown = function(){
this.style.display = 'block';
if(this.clientHeight<this.scrollHeight){
this.style.height=10+this.clientHeight+"px";
var _this = this;
setTimeout(function(){_this.slideDown()},10)
}else{
this.style.height=this.scrollHeight+"px";
}
}
//slideUp()
Object.prototype.slideUp = function(){
if(this.clientHeight>0){
this.style.height=this.clientHeight-10+"px";
var _this = this;
setTimeout(function(){_this.slideUp()},10)
}else{
this.style.height=0;
this.style.display = 'none';
}
}

---

以上就是知道不整理的《原生js仿jquery的slideDown和slideUp的方法》，希望对您有所帮助。