ブログでonClickを2つ以上並べると動かない

ブログ上のhtmlタグについて質問です。"onClick"のタグを1つ張ると動くのですが、2つ以上並べると動かなくなります。ブログはseesaaブログを使っています。

↓動く
<span onClick="document.all.item('moji2').style.visibility='visible'" onClick="document.all.item('moji2').style.visibility='hidden'">
クリックする文字
</span>
<div ID="moji2" onClick="document.all.item('moji2').style.visibility='hidden'" style="visibility:hidden;">
この文字をクリックすると消えます
</div>

↓動かない
<span onClick="document.all.item('moji2').style.visibility='visible'" onClick="document.all.item('moji2').style.visibility='hidden'">
クリックする文字
</span>
<div ID="moji2" onClick="document.all.item('moji2').style.visibility='hidden'" style="visibility:hidden;">
この文字をクリックすると消えます
</div>
<span onClick="document.all.item('moji2').style.visibility='visible'" onClick="document.all.item('moji2').style.visibility='hidden'">
クリックする文字
</span>
<div ID="moji2" onClick="document.all.item('moji2').style.visibility='hidden'" style="visibility:hidden;">
この文字をクリックすると消えます
</div>

よろしくお願いします。

No.1 ベストアンサー 回答者： AsarKingChang 回答日時： 2014/12/29 05:30

楽しめました。

ありがとう。

まず、IDが複数ありませんか？
1つ目がmoji2なら、2つ目をmoji2以外にしてはどうですか？

さらに、
<span onClick="document.all.item('moji2').style.visibility='visible'" onClick="document.all.item('moji2').style.visibility='hidden'">
ここ、同じ変数に、visibleとhiddenを代入しちゃってますよ。。

CSSのデフォルトが、hiddenなので、入れるのは、visibleのみでいいと思います。
<div ID="moji2" onClick="document.all.item('moji2').style.visibility='hidden'" style="visibility:hidden;">

上記を整理すると
-------------------
↓動かない（はずだったもの）
<span onClick="document.all.item('moji2').style.visibility='visible'">
クリックする文字
</span>
<div ID="moji2" onClick="document.all.item('moji2').style.visibility='hidden'" style="visibility:hidden;">
この文字をクリックすると消えます
</div>

<span onClick="document.all.item('moji3').style.visibility='visible'">
クリックする文字
</span>
<div ID="moji3" onClick="document.all.item('moji3').style.visibility='hidden'" style="visibility:hidden;">
この文字をクリックすると消えます
</div>
-------------------
ではどうですか？

この回答へのお礼

動きました！

ありがとうございます^^ 助かりました。

お礼日時：2014/12/29 06:04