IE8でjQueryのtoggleが動作しません。

質問

IE8でjQueryのtoggleが動作しません。
inputをクリックすることで同じクラス名が与えられている
行を非表示／表示の切替えを行なおうとしています。

同様の内容を、
http://okwave.jp/qa/q6117684.html
で質問し、IE7とIE8の互換モードでは動作できるようになりました。
metaタグで強制的に互換モードにする以外に
対処法がありましたら教えてください。

■JavaScript

<script type="text/javascript">
$(document).ready(function(){
$("#sets input").click(function () {
var trshow = $(this).attr("className");
$("tr"+"."+trshow).toggle();
}
);
});
</script>

■HTML
<table id="sets">
<tr>
<td>0001　ああああ<br />
<input type="button" class="set01" value="セット内表示/非表示" /></td>
</tr>
<tr class="set01 set">
<td>サンプルサンプル</td>
</tr>
<tr class="set01 set">
<td>サンプルサンプル</td>
</tr>
<tr>
<td>0002　いいい<br />
<input type="button" class="set02" value="セット内表示/非表示" /></td>
</tr>
<tr class="set02 set">
<td>サンプルサンプル</td>
</tr>
<tr class="set02 set">
<td>サンプルサンプル</td>
</tr>
</table>

■CSS

.set
{
display: none;
}

回答No.2

yyr446 · ベストアンサー

jQueryを最新バージョン（1.4）にする事をお勤めします。
そうすれば、
ar trshow = $(this).attr("class");
としても、標準モードで、うまくいくはずです。

お礼

ありがとうございます。
jQueryを最新バージョンに差し替えたところ動作しました。
大変助かりました。
新規インストールしたIE8だけ動作しないというところが釈然としないのですが
問題は解決しましたので納得しようと思います…。

回答No.3

yamada_g

No.1です。
IEは7からバージョンアップしたものです。
Win7は手元にないので確認できません。申し訳ないです。

お礼

ご返信ありがとうございます。
XPで6から8へアップグレードしたマシンで確認したところ動作しましたので、
やはり環境によって不具合が生じるようです。

回答No.1

yamada_g

当方のマシンのIE8では記載のコードで互換表示モードでなくても問題なく動作します・・・
OS：WindowsXP Pro SP3
IE:8.0.6001.18702
jquery:1.4.2
で確認しました。

お礼

ご回答ありがとうございます。
IE8は7からアップグレードされたのでしょうか？
Win7のまっさらなIE8だと動作しないようです。