そういうわけで(謎)いろいろとテスト中。
Mozilla の独自拡張(CSS3で実装予定)の:target擬似クラスを使ってみる。内部アンカー名(javascriptのlocation.hash)と一致した一意セレクタがURLに含まれている場合にのみ適用されるスタイル。(らしい)
#menu {display: none;_display: block; /* IE hack */}:target#menu {display: block;}上記のように記述しておき、呼び出し部を<a href="#menu">メニュー</a>などとする。このアンカーが呼ばれ、URLに#menuが含まれている間だけメニューブロックを表示させることができる。こりゃもう、スクリプトいらないな。
わかりにくいですが、本文ではなくトップメニュー部分に仕込んであります。Firefoxで動作確認。Safariでも動くそうです(多謝:Chakoさん)
うちのMac版Firefox&Safariではちゃんと動いていますが、今はまだブラウザによってはダメってことですか?
早く使えるようになるといいですね〜...
sugさんの発想力ってすごいです。「ターゲット擬似クラス:target」の部分を読んでみても、こういう使い方にまで考えが及びません..というか...ちんぷんかんぷん(T.T)もっとお勉強しなくちゃ...です。-07日11時
草案なので勧告に取り入れられるかすら未定ですね。
先行実装ってやつです。
http://www.google.co.jp/search?hl=ja&c2coff=1&q=CSS3+%E5%85%88%E8%A1%8C%E5%AE%9F%E8%A3%85&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=
>ちんぷんかんぷん(T.T)
原文(英語読めませんが)なんか、わざとむつかしく書いてあるとしか思えませんよねw-07日19時
折りたたみスクリプトのページに仕込むところが、そこはかとなくアイロニー。-07日20時