javascript - 扩展prototypejs的toggle()来实现效果

Question

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

Answer 1

您可以使用与我为 Effect.SlideDown/Up 编写的类似的内容，应该适用于淡出/出现。 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>