スマホ向けというよりレスポンシブな感じ。 多階層メニューってこんなに多階層!!! で、これが画面横サイズ縮めていくと・・・・ こうなっちゃう! あー、これいいですね! こういうのって日本語メニューになっていないとイマイチイメージが湧いてこないので、日本語サンプル作ってみました。 ↓ jQuery slimeMenu 日本語でメニュー作ったサンプル んー、文字数によってメニュー幅違ってカタカタしちゃう感じがある。 このあたりはCSSで調整が必要っぽい。 で、この多階層メニューを実現している部分のソースです。 <ul class="slimmenu"> <li> <a href="#">ホーム</a> </li> <li> <a href="#">プロジェクト</a> <ul> <li> <a href="#">大婚活PJ</a> <ul> <li><a href="#">お嫁サンバ</a><
![スマホ向けサイトで多階層メニューを実現するjQuery slimMenu | フリーフードファイター兼SE社長活動日記 | 株式会社ジーティーアイ](https://cdn-ak-scissors.b.st-hatena.com/image/square/1cbe31ce12e18c8e9ce839abde737a100b06fc10/height=288;version=1;width=512/https%3A%2F%2Fblog.gti.jp%2Fwp-content%2Fuploads%2F2013-09-03_035254.png)