jabascriptの表示・非表示について

質問

初心者です。 このタグでは、最初から「ここを表示する」が表示されるのですが、最初は表示されずに、「表示」ボタンを押すと初めて表示されるようにするにはどのようにすればいいのでしょうか。。

<p>
<a href="#" id="link_view2" onClick="toggle_view2();return false;" style="display:none;">表示</a>
<a href="#" id="link_hidden2" onClick="toggle_hidden2();return false;">非表示</a>
</p>
<div id="area_hoge2">
<p>ここを表示する</p>
</div>

<script language="JavaScript" type="text/javascript">
<!--
var elem2_1 = document.getElementById("area_hoge2");
var elem2_2 = document.getElementById("link_view2");
var elem2_3 = document.getElementById("link_hidden2");
function toggle_view2() {
elem2_1.style.display = "";
elem2_2.style.display = "none";
elem2_3.style.display = "";
}
function toggle_hidden2() {
elem2_1.style.display = "none";
elem2_2.style.display = "";
elem2_3.style.display = "none";
}
-->
</script>

参考
http://pentan.info/javascript/sample/view_hidden.html

詳しい方お教えください<m(_ _)m>

回答No.1

aozakana_dha · ベストアンサー

<div id="area_hoge2"> のところに
style="display:none;"
を追加。

<a ～>表示</a> のところの
style="display:none;"
を削除。

<a ～>非表示</a> のところに
style="display:none;"
を追加。

お礼

できました！！