javascripを利用したタブについて

質問

ご覧くださいましてありがとうございます。

http://okwave.jp/qa/q4800764.htmlのページの、yambejpさんがご回答されたタグ
を使用させていただき、javascriptを利用した横並びのタブを作っております。

<p>
<a href="#" class="selected" onclick="return ChangeTab(this,'tab1');">1111</a>
<a href="#" onclick="return ChangeTab(this,'tab2');">2222</a>
<a href="#" onclick="return ChangeTab(this,'tab3');">3333</a>
<a href="#" onclick="return ChangeTab(this,'tab4');">4444</a>
<a href="#" onclick="return ChangeTab(this,'tab5');">5555</a>
</p>

の部分の記述だけを、下記のように変更し、
<ul>
<li><a href="#" class="selected" onclick="return ChangeTab(this,'tab1');">1111</a></li>
<li><a href="#" onclick="return ChangeTab(this,'tab2');">2222</a></li>
</ul>

<li>をfloatで横並びにしています。

そして、選択中のタブの背景色(#000)をcssで設定しているのですが、2222をクリックしても1111のタブも選択中となってしまい、cssで設定している未選択状態の背景色(#fff)が適用されません。

どのような記述にしたら、2222を選択中に1111を未選択状態に出来ますでしょうか？

初心者で拙く分かりづらい質問になってしまい大変恐縮ですが、お知恵のある方がいらっしゃいまいたらご回答よろしくお願いいたします。

回答No.2

神崎 渉瑠（@taloo） · ベストアンサー

parentNodeやfirstChild、nodeNameなどの内容を、HTML構造に合わせて書き直してください。

お礼

何とか自力で解決できました。
ご回答を、どうもありがとうございました。

補足

ご回答ありがとうございます。
具体的にどのように変更すれば良いのかを教えてくださると、大変助かります。

勉強させて頂きたく思います。お手数ですが、宜しくお願い致します。

回答No.1

ORUKA1951

それ以前の問題がありそうですね。
クリックで色を変えて何をするのですか？？
　リンクして行ったら次のページに移動するはずですれど

お礼

何とか自力で解決できました。
ご回答を、どうもありがとうございました。