メニューの折りたたみがFirefoxではうまく動かない

質問

いつも親身なアドバイスで助けていただいています。
今回も多分初歩的なミスとは思うのですが、どうにも行き詰ってしまったので助けていただけないでしょうか。

メニューの折りたたみをしたくて、以下のページを参考にhtmlを作成しました。
http://1kb-sozai.com/kowaza/tagu26.html

ファイルには以下のように記述しました。

#------------head部分
<script type="text/javascript" language="javascript">
<!--
function expand(id) {
if (id.style.display == "none") {
id.style.display = "";
}
else {
id.style.display = "none";
}
window.event.cancelBubble = true;
}
// -->
</script>

#------------body部分
<h4 onclick="expand(db_01);">Discription. (&laquo; click)</h4>
<div id="db_01" style="display:none" class="dis">解説文。</div>

するとIE7では問題なく動いたのですが、Firefox3.05では全く反応しませんでした。
前述の参考にしたサイトはちゃんとFirefoxも動いていたので、明らかに私の記述ミスなのですが、問題点を見つけることができなくて困っています。

どなたかアドバイスをお願いできないでしょうか？
よろしくお願いします。

回答No.2

yambejp · ベストアンサー

オブジェクトの渡し方に問題ありそうですけど・・・
こんな風にしたほうがよいですよ

<script type="text/javascript">
function expand(objID) {
var obj=document.getElementById(objID);
obj.style.display=obj.style.display=="none"?"":"none";
}
</script>

<h4 onclick="expand('db_01');">Discription. (&laquo; click)</h4>
<div id="db_01" style="display:none" class="dis">解説文。</div>

お礼

アドバイスありがとうございました。
残念ですがいただいたスクリプトでもうまく動きませんでした。
先にアドバイスくださった方のおっしゃるように、記述以外の部分に問題があるのかもしれません。
原因はわからないままですが、最終的に別のQ&Aで示されていたスクリプトにすることで解決しました。
ありがとうございました。

http://oshiete1.watch.impress.co.jp/qa3992914.html?ans_count_asc=1

回答No.1

t_ohta

私の環境（Firefox3.0.5 - Windows Vista）で書かれているソースを実行すると「Discription」をクリックすると「解説文」が出たり消えたりしてます。

記載された部分以外に問題があるのではないですか？

お礼

アドバイスありがとうございました。
ここに記述した以外のタグ（おもにjavascript関係）をひとつづつ削除して試してみたのですが、結局動かないままでした。
最終的に別のQ&Aで示されていたスクリプトにすることで解決しました。
ありがとうございました。