Есть конструктор объекта:
function ServisePlate(plate) {
this.elem = plate;
this.header = plate.querySelector('.servises_content_header');
this.body = plate.querySelector('.servises_content_text');
this.settings = {
step: 30,
speed: 10
}
var self = this;
}
И метод:
ServisePlate.prototype.showBody = function() {
console.log(this.elem.offsetHeight);
console.log(this.body.offsetHeight);
if(this.elem.offsetHeight < this.body.offsetHeight + 100) {
this.elem.style.height = this.elem.offsetHeight + this.settings.step + 'px';
setTimeout(self.showBody, this.settings.speed);
}
}
при создании объектов и запуске функции
var box = document.querySelector('.servises');
var plates = [].slice.apply(box.querySelectorAll('.servises_content'));
for(var i = 0; i < plates.length; i++) {
plates[i] = new ServisePlate (plates[i]);
plates[i].showBody();
}
Не отрабатывает тайм аут... т.е строчка:
this.elem.style.height = this.elem.offsetHeight + this.settings.step + 'px';
выполняется и на этом все!!! При этом в консоль ошибки не падают. Подскажите где ошибка?