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>