如何添加速度效果的javascript切换

Question

我创建了一个工作完美的切换效果，但是我想添加一个速度效果来减慢它的速度。

<script language="javascript" type="text/javascript">
    // <![CDATA[
    function toggle() {
        var ele = document.getElementById("toggleText");
        var text = document.getElementById("displayText");
        if (ele.style.display == "block") {
            ele.style.display = "none";
            text.innerHTML = "voir";
        } else {
            ele.style.display = "block";
            text.innerHTML = "fermer";
        }
    }
        // ]]>
    </script>
        <p><a id="displayText" href="javascript:toggle();" >voir</a> &lt;= click</p>
        <div id="toggleText" style="display: none;">
            <p>Yes!</p>
        </div>

我应该如何插入一个速度值吗?它可以是这段代码，也可以是另一段代码(我不介意，只要它能完成工作!)谢谢!

Answer 1

使用jQuery-UI切换，在其他方面具有速度:

http://api.jqueryui.com/toggle/