扩展prototypejs toggle()以获得效果

时间:2009-09-07 15:18:01

标签: javascript prototypejs effects scriptaculous fbjs

有没有办法在prorotypejs中扩展toggle方法以允许注入效果函数,例如,scriptaculous effects或FBJS

1 个答案:

答案 0 :(得分:0)

你可以使用我为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>