クリック時、ページの一部分だけを変更するというものを作りたくて、以下のサンプルコードを参考に作ってみました
<script language="javascript" type="text/javascript">
<!--
function Display(no){
if(no == "no1"){
document.getElementById("SW1").style.display = "block";
document.getElementById("SW2").style.display = "none";
}else if(no == "no2"){
document.getElementById("SW1").style.display = "none";
document.getElementById("SW2").style.display = "block";
}
}
-->
</script>
<h5><a href="javascript:;" onclick="Display('no1')">SW1</a></h5>
<h5><a href="javascript:;" onclick="Display('no2')">SW2</a></h5>
<div id="SW1">
<p>これはSW1のエリアです。上記SW2をクリックすると消えます。</p>
</div>
<div id="SW2" style="display:none;">
<p>これはSW2のエリアです。上記SW1をクリックすると消えます。</p>
</div>
このサンプルコードの<div id>の子要素<p>の部分を<div>に書き換え作りました。
実際、作りたかったようにできたのですが
唯一、ページを更新してクリックする前の状態だとidの下のpの部分が両方とも表示されてしまいます
最初の段階で、一つだけしか表示せず、クリックしたら切り替わるようにはできないでしょうか？
拙い文章ですいませんが、回答よろしくお願いします
Q&A
ベストアンサー
