調べてみるとIE9以上でしか動かないものがほとんどでしたが、今回IE8でも動くものを作成しました。
IE9やjQueryでスタイリングしなければならない理由はCSSのlast-childが使えないことによるものです。
このデモではlast-childを使わずツリーを表現することにチャレンジしました。
縦の線はulタグの:beforeで、横の線はliタグの:beforeで表現しています。
サブメニュー開閉の動きはjQueryを使っていますが、スタイリングはCSSのみです。
以上参考になれば幸いです。
広告
