続続・文字をクリックすると詳細文章が展開されるJS

Question

http://oshiete.goo.ne.jp/qa/8158253.html
でご教示いただいたスクリプト、大変気に入っていたのですが、
会社の別の（他の人の）PCで動作しないことがわかり、落ち込んでいます。
そのPCは、IE8です。

私のPCのIE10で、「F12」キー押下で出てくるメニューに、「ブラウザモード」と「ドキュメントモード」とありますが、これらの選択肢によっては、動作したり、しなかったりします（FF22やChrome27では動作します。）。

そこで、上記の「F12」の「ブラウザモード」と「ドキュメントモード」を、総当りで徹底的にテストしました。

結果は以下の通りです。

「ブラウザモード」が、IE10、IE10互換表示、IE9、IE8、IE9、IE7、いずれに設定されていても、「ドキュメントモード」の方が、

・「標準」→動作する
・「Quirks」→動作する
・「IE9標準」→動作する
・「IE8標準」→動作しない
・「IE7標準」→動作しない
・「IE7標準」→動作しない
・「IE5 Quirks」→動作しない

要するに、今でもシェアの高そうなIE8、IE7で動作しないという結果です。
例えば、jQueryのバージョンを落とすなどで、解決させる方策はありますでしょうか。

繰り返しますが、ご回答いただいた仕掛けが大変気に入っているので、どうしてもこれを使いたいです。

なお、一昨日、こんな質問もさせていただきましたが、解決したと思ったのは勘違いでした。
http://oshiete.goo.ne.jp/qa/8161114.html

fujillin · Accepted Answer

ざっと見ただけですが…

jQueryはバージョンによって対応ブラウザが変わっていますので、使用するブラウザのバージョンに基づいて確認した方がよいでしょう。
http://jquery.com/browser-support/

また、回答例のマークアップはHTML5になっていますが、HTML5対応のブラウザで無い場合はHTML4.01に書換えたほうがよろしそうです。
その際に、CSSのセレクタ及びスクリプトのセレクタも併せて修正が必要になるでしょう。

ブラウザのバージョンによってはＣＳＳの兄弟セレクタ（+）が効かないものがあるかも知れませんので、その場合はセレクタ指定を修正する必要があるかも知れません。

（↑）くらいに後から出てきたものを無くせば、かなりのブラウザでも動作するのではないでしょうか？
他に使っていないのでしたら、いっそのことjQueryもはずしてしまうという手もあるかもしれませんね。

ORUKA1951 · Answer

過去の質問見ました。　HTMLのDOCTYPEが、になっていますが、これはHTML5を示すというより、ブラウザに対して「標準モードで動作させるためのスイッチ」の機能以上の意味はありません。　そのために、HTML5で導入された新しい要素を認識できないブラウザでは、きちんと認識できない可能性があります。　まえも、お答えしたような気がするのですが・・。直接ではなくサンプルかもしれません。　後方互換を考える場合は、現状ではHTML4.01strictを標準モードで起動するようにDOCTYPE宣言をするのがベストです。　すなわちです。　これで、IE6以降は[標準モード]で動作するはずです。 ★気になったのですが、HTML5では、DIVはよほどのことがない限り使いません。【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable. Use of more appropriate elements instead of the div element leads to better accessibility for readers and easier maintainability for authors. ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［4.5 Grouping content — HTML5( http://www.w3.org/TR/2012/CR-html5-20121217/grouping-content.html#the-div-element )］より　簡単に訳すと『著者は、 div 要素は他に適した要素がないときなど、最後の最後の手段のとして使用することが強く推奨されます。もっと適切な要素を使うことによって、読者にはアクセシビリティ向上に、著者にとってはメンテナンス性の向上につながる。』　これは、

のような使い方はするな!!と言っているのです。

:そのブロックにheader,section,footerを持つと期待される、完結した記事

:文書のアウトライン(簡単に言うと目次を作れる樹構造)を構成する集合　　　　　基本的に見出しh1～h6を一つだけ持つと期待されるなどを使います。　HTML4.01でしたら、　

　とするはず【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )］より　class名の具体的な意味は「新しい要素( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )」　こうしておくと、将来全面的にHTML5に変更する時代が来たとき、簡単に書き換えることが出来ます。　英文ですが、その例が Preparing for HTML5 with Semantic Class Names — Jon Tan 陳( http://v1.jontangerine.com/log/2008/03/preparing-for-html5-with-semantic-class-names ) 　にあります。

続続・文字をクリックすると詳細文章が展開されるJS

ざっと見ただけですが…

過去の質問見ました。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング