如何向javascript togle添加速度效果

我提供了一个完美的切换效果，但我想添加一个速度效果来降低速度

<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>

// 
=点击

对!

知道我应该如何在上面插入速度值吗？可能是这段代码，也可能是另一段代码，（我不介意，只要它能完成任务！）

---

谢谢

使用jQuery UI切换，具有速度和其他功能：

---

为什么不使用？那就

$（'#mydiv'）。toogle（'slow'）

。@Alex-可能是因为他没有使用jQuery？我知道，我只是建议他使用它，以防他不知道-注意我只是做了一个评论，而不是回答。请定义

速度

我没有使用jQuery，因为我没有将jQeury添加到我的joomla网站，所以我坚持使用javascript。我所说的速度是指像幻灯片一样的效果，比隐藏和显示效果更平滑的效果。非常感谢你的回复！出于某种原因，我没有设法在joomla文章中直接插入jQuery，这就是为什么我试图完成这段已经可以运行的代码（很快，但至少它可以运行！）