FireFoxでのブロック表示・非表示制御

質問

DIVタグで囲んだ各ブロックの表示・非表示をJavascriptで動的に制御したく、下記のソースの通りJavascriptで表示の切り替え処理を記述したところ、IE6.0では動作しましたが、FireFox2.0では切り替えリンクをクリックしても無反応の状態となってしまいました。

FireFoxのJavascript互換について経験不足のため原因がつかめず困っております。
FireFoxでも動作可能となるには、どのような記述をすればよろしいでしょうか。もしご存知の方がおられましたら宜しくお願い致します。

*** Javascriptソース ******************
function showArea(areaId){
A.style.display="none";
B.style.display="none";
C.style.display="none";
areaId.style.display="block";
}

*** ブロック切り替え用リンク ******************
<a href="javascript:showArea(A)">Ａブロック</a>
<a href="javascript:showArea(B)">Ｂブロック</a>
<a href="javascript:showArea(C)">Ｃブロック</a>

*** 表示用ブロック ******************
<div id="A">
Ａブロックの記述内容
</div>
<div id="B">
Ｂブロックの記述内容
</div>
<div id="C">
Ｃブロックの記述内容
</div>

回答No.1

steel_gray · ベストアンサー

X.style.display=～;
↓
document.getElementById(X).style.display=～;
※ 変数(areaId)はそのままだけど 文字列 A は'A'とコーテーションで囲う。