javascript - 为效果扩展prototypejs toggle()

Question

有没有办法扩展 prorotypejs 中的切换方法以允许注入效果函数，例如 scriptaculous 效果或FBJS

Answer 1

您可以使用与我为 Effect.SlideDown/Up 编写的类似的东西，应该适用于 Fade/Appear。jQuery 提供了一个 slideToggle 函数，它有类似的语法......这可以写得更好，但时间不够：

<script>
function slideToggle(id,time) {

    toggle = typeof(toggle)=='undefined' ? true : toggle;

    if (toggle) {
        Effect.SlideDown(id, { duration: time });
        toggle = false;
    }
    else {
        Effect.SlideUp(id, { duration: time });
        toggle = true;
    }
}
</script>

<a href="#" onclick="javascript:slideToggle('hidden',0.5); return false;">Click to Toggle</a>

<div id="hidden" style="display:none;">
<div>Hey Yourself!</div>
</div>