相关疑难解决方法(0)

我有一组共享同一类（optionsclass）的 div。显示设置为阻止。当用户单击它们时，将执行以下 javascript 函数，显示内容将更改为none。

function hideBlockElementsByClass(className)
{
    var elements = document.getElementsByClassName(className);
    for(i in elements)
    {
        elements[i].style.display = "none";
    }
}

显示块和无显示块之间的过渡非常粗糙，我希望进行更平滑的过渡。实现这一目标的最佳策略是什么？