オンマウスで表示されるテキスト

質問

先ほどhttp://okwave.jp/qa4091921.htmlで質問させて頂いた者です。
下記のソースコードをお教え頂いたのですが、初めてページを開いた
時に↓の部分がすでに表示されている状態にするには、どうしたらよ
いのでしょうか？
どうぞよろしくお願い致します。

ページを開いたときに表示していたい部分
--------------------------------------------
<ul class="hide" id="sub1">
<li>親メニュー1のサブメニュー1
<li>親メニュー1のサブメニュー2
<li>親メニュー1のサブメニュー3
<li>親メニュー1のサブメニュー4
</ul>
--------------------------------------------

教えて頂いたソースコード
<style>
.hide{
display:none;
}
</style>
<script>
function show(id){
var obj=document.getElementById(id);
var n=obj.parentNode.firstChild;
while(n){
if(n.nodeName=="UL") n.className="hide";
n=n.nextSibling;
}
obj.className="";
}
</script>
<ul>
<li><a href="#" onMouseover="show('sub1')">親メニュー1</a></li>
<li><a href="#" onMouseover="show('sub2')">親メニュー2</a></li>
<li><a href="#" onMouseover="show('sub3')">親メニュー3</a></li>
<li><a href="#" onMouseover="show('sub4')">親メニュー4</a></li>
</ul>
<hr>
<div>
<ul class="hide" id="sub1">
<li>親メニュー1のサブメニュー1
<li>親メニュー1のサブメニュー2
<li>親メニュー1のサブメニュー3
<li>親メニュー1のサブメニュー4
</ul>
<ul class="hide" id="sub2">
<li>親メニュー2のサブメニュー1
<li>親メニュー2のサブメニュー2
<li>親メニュー2のサブメニュー3
<li>親メニュー2のサブメニュー4
</ul>
<ul class="hide" id="sub3">
<li>親メニュー3のサブメニュー1
<li>親メニュー3のサブメニュー2
<li>親メニュー3のサブメニュー3
<li>親メニュー3のサブメニュー4
</ul>
<ul class="hide" id="sub4">
<li>親メニュー4のサブメニュー1
<li>親メニュー4のサブメニュー2
<li>親メニュー4のサブメニュー3
<li>親メニュー4のサブメニュー4
</ul>
</div>

回答No.1

yambejp · ベストアンサー

構造を理解すればそんなに難しくないと思うのですが・・・

<ul class="hide" id="sub1">
の行を
<ul id="sub1">
に変えるだけです。

つまりclass="hide"で消してるのでそれさえとっちまえば現れるということで

お礼

ご回答頂きありがとうございました。
そうですね、冷静に考えれば簡単なことでした。
お恥ずかしい限りです。
ありがとうございました。