折り畳みメニュー について

質問

折り畳みメニュー を使用したいと思い
http://www.pat.hi-ho.ne.jp/oka_tosho/oritatami27.htm
コチラを参考にしてます。
質問はココのメニューについてですが
メニュー１とメニュー４を初めから開いた状態にしたいのですが
どうしたらいいでしょうか？

回答No.2

Blaise

<li>メニュー　　2　　　　　　　　&nbsp;
<ol id="x">
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト　　21　　　　　 　&nbsp;</a></li>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト　　22　　　　　 　&nbsp;</a></li>

です。
もうひとつの「メニュー　4」にも同じように<ol id="y">
とします。

補足

出来ましたがメニューをクリックした後
開きっぱなしではなくなり
また閉じてしまいます

<li>メニュー　　1　　　　　　　　&nbsp;
<ol id="x">
<li><a href="http://www001.upp.so-net.ne.jp/oka/popup_image7a1.htm" target="_blank" title="画像のクリックで拡大画像をポップアップ表示+右クリック停止。">ポップアップ画像 7a1 &nbsp;</a></li>
<li><a href="http://www001.upp.so-net.ne.jp/oka/mov_gazou2a.htm" target="_blank" title="小画像のマウスオーバーで画像を、グラデーション効果切り替え。">マウスオーバー画像 2a &nbsp;</a></li>
<li><a href="http://www.pat.hi-ho.ne.jp/oka_tosho/img_chg13/image_chg13.htm" target="_blank" title="ドラッグで選択した画像の拡大表示、ズーム、スライドショウ、回転。">画像切り替え13　　　&nbsp;</a></li>
<li><a href="http://www.pat.hi-ho.ne.jp/oka_tosho/img_chg18/img_chg18.htm" target="_blank" title="縮小画像の縦スクロール・選択、原寸画像を表示、スクロール加速。">画像切り替え18　 　&nbsp;</a></li>
<li><a href="http://www.pat.hi-ho.ne.jp/oka_tosho/ajax2/ajax2a_rot.htm" target="_blank" title="ページ中に他ページ（≠日本語、ランダムスライドショー）を表示。">Ajax 2a　　　　　 　&nbsp;</a></li>
</ol>
</li>
<li>メニュー　　2　　　　　　　　&nbsp;
<ol id="y">
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト　　21　　　　　 　&nbsp;</a></li>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト　　22　　　　　 　&nbsp;</a></li>

==== この間、説明を省略。 ====

<li><a href="http://www.ftv.tv/" target="_blank" title="Flash Movie">Fashon TV 　　 　&nbsp;</a></li>
<script type="text/javascript"><!--
function keepOpen(){
document.getElementById('x').style.display = "block";
document.getElementById('y').style.display = "block";
}keepOpen();
//--></script>

こんなカンジです

回答No.1

Blaise

外部jsファイルの中のDOMのchildNodesを特定の要素の
みdisplay:blockに場合分けで変えればよいわけですが、
もっと簡単なのは、HTML側での「メニュー１」とメニュー２」
の直下の<OL>にそれぞれ、id="x"とid="y"を振り、HTML
のいちばん下に次のスクリプト

<script type="text/javascript"><!--
function keepOpen(){
document.getElementById('x').style.display = "block";
document.getElementById('y').style.display = "block";
}keepOpen();
//--></script>

を置けばよいのでは。これで行くと思います。

補足

初心者で申し訳ありません
id="x"とid="y"をふるって言うことは
<li>メニュー　　2　　　　　　　　&nbsp;
<ol>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト　　21　　　　　 　&nbsp;</a></li>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト　　22　　　　　 　&nbsp;</a></li>
ここにどういう位置づけでやったらいいでしょうか？