Как отказаться от таймера?

Есть библиотека. В нем метод .show() показывает найденые элементы так же как и в jQuery. Если передавать аргументы (числа) то появление будет анимироваться.

Анимация работает путем добавление на элемент transition и transform: scale();

Суть вопроса в том, что если я укажу значение scale(0) а потом scale(1) то я ожидаю, что будет плавный переход между состояниями но на деле элемент показывается сразу со значением scale(1). Браузер словно не успевает.

Если обернуть строчку со scale(1) в setTimeout с интервалом 10 то сработает как надо но выглядит это жутко.
Так работает

$this.elements.style.transform = "scale(0)";
setTimeout(function() {
	$this.elements.style.transform = "scale(1)";
},10)

А так нет

$this.elements.style.transform = "scale(0)";
$this.elements.style.transform = "scale(1)";

Попробовать саму библиотеку можно тут
jsfiddle.net/space2pacman/82y3zkc0

doc.find(".class") // найти элемент
.show() .hide() // показать/спрятать
.show(1000) .hide(1000) // показать/спрятать с анимацией