Javascript 忽略velocity.js的第一个动画

我有一个元素，我想在velocity.js的帮助下转换到特定的状态（transform:scale（1）和opacity:1）。 初始状态在css中设置（变换：缩放（.9）和不透明度：0）

现在我第一次这样做，动画就不会发生（在第一次加载时）。 关闭它（将其设置回原始状态）后，当我再次调用它时，转换工作非常完美

我制作了一个代码笔作为示例：

---

谁能帮我解决这个问题？

Velocity.js使用强制进给，因此样式表中的值被忽略。 有关更多详细信息，请参阅

起始值作为数组中的第二项或第三项传递：

$('.js-info-button-open').on('click', function() {
    $(this).next('.js-info-button-content').velocity({
        scale: [1, 0.9],
        opacity: [1, 0]
    }, {
        display: 'block',
        easing: [0, 0, 0, 4],
        duration: 1000
    });
});

---

谢谢完美答案：）

$('.js-info-button-open').on('click', function() {
    $(this).next('.js-info-button-content').velocity({
        scale: [1, 0.9],
        opacity: [1, 0]
    }, {
        display: 'block',
        easing: [0, 0, 0, 4],
        duration: 1000
    });
});