プラグインに頼らない簡単なプルダウンメニューを作ってて、IEで出来た~!って思ってFirefoxとChromeで確認したら動かない!!
なんで?と思い、確認作業として認識されているNodeを表示することに・・・すると、IEでは、ulとかliを認識しているのに、なぜかFirefoxとChromeでは、object textと表示している。ん?text??もしかして、改行やインデントのTabやスペースを認識しているのか?と思い、コメントアウトしてみたら、今度は、commentと表示される始末(笑
これは、改行せずに詰めて記述しないとダメなんだな?と思い、必要な個所の改行やスペースをすべて削除!
ちょっとソースが見にくくなったけど、無事にIE Firefox Chromeでの表示確認がとれました。
ライブラリに頼らない記述ってやっぱり大変だな~。
今回作ったのは、アニメーションなしの単にサブメニューの表示非表示を切り替えるだけだったけど、思った動作を必要最小限の行数で再現できたと思っているので、まずは満足!
次は、これをアニメーションさせてサブメニューがスライド表示できるように変更することにチャレンジだぁ~!!