如何将速度效果添加到 javascript 切换答案

【问题标题】：how to add speed effect to javascript togle如何将速度效果添加到 javascript 切换
【发布时间】：2013-03-12 18:16:22
【问题描述】：

我资助了一个完美运行的切换效果，但我想添加一个速度效果来减慢它的速度。

<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.toogle()？那就$('#mydiv').toogle('slow')吧。
@Alex - 可能是因为他没有使用 jQuery？
我知道，我只是建议以防他不知道 - 请注意我只是发表评论，而不是回答。
请定义speed
确实我没有使用 jQuery，因为我没有设法将 jQeury 添加到我的 joomla 网站，所以我坚持使用 javascript。我所说的速度是指类似于 slideDown 效果的东西，比隐藏和显示效果更平滑。

标签： javascript button slidetoggle

【解决方案1】：

使用 jQuery-UI 切换，除其他外具有速度：

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

【讨论】：

非常感谢您的回复！出于某种原因，我没有设法在 joomla 文章中直接插入 jQuery，这就是为什么我试图完成这段已经可以工作的代码（很快但至少可以工作！）