向元素添加过渡

Question

我正在尝试为隐藏的元素添加过渡，但是我找不到解决方案。

我尝试添加CSS：

element {
    transition: .25s ease-in;
}

function showPageSections() {
    document.querySelector('.page-sections').style.display = 'block';
}

function hidePageSections() {
    document.querySelector('.page-sections').style.display = 'none';
}

当我隐藏此元素时，它不会执行任何动画