javacsriptに関する質問です。以下のサイトを参考に、スクリプトを若干修正してエフェクトをかけましたが、firefox（IE6・IE7では動作確認済み）では動作しません。原因が分かる方いらっしゃいますでしょうか？

※firefoxのエラーコンソールを見ると、「test is not defined」と表示されます。

■参考サイト
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/002/index.html
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/009/index.html

■作成したxhtml
//スクリプト部分
<script type="text/javascript">
function exEffectAp(aa) {
new Effect.Appear($(aa));
}
function exEffectDr(bb) {
new Effect.DropOut($(bb));
}
</script>

//css
#test {
padding: 5px;
width: 200px;
height: 100px;
z-index: 99;
background: #ccc;
border: solid 3px #fff;
}

//xhtmlソース
<a harf="#" onclick="exEffectAp(test)">テスト</a>
<div id="test"><a href="#" onclick="exEffectDr(test)">閉じる</a></div>