※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>
はずしていたら、すみません。
単に、testという変数と解釈しているのではないでしょうか?
<a harf="#" onclick="exEffectAp('test')">テスト</a>
でどうでしょうか?
JavaScriptのブラウザ互換は悩むことが多いですよね。