よくあるECサイトのグローバルナビの真横にドリルダウンさせるにはどのように実装すればよいでしょうか。
現状は下記のように「カテゴリ一覧」をマウスオーバーすると、
下にカテゴリが出てくるようになっているのですが、
さらにそのカテゴリをマウスオーバーさせると右横にサブカテゴリ―を表示させたいです。
詳しいかた、
ご教示頂きますと幸いです。
宜しくお願い致します。
★js
$('.submenu-trigger').hover(function() {
$(this).children('.submenu').show();
}, function() {
$(this).children('.submenu').hide();
});
★jsp
<ul> <li class="submenu-trigger">カテゴリ一覧</li> <li>カテゴリ①</li> <li>カテゴリ②</li> <li>カテゴリ③</li> <li>カテゴリ④</li> <li>カテゴリ⑤</li> <li>カテゴリ⑥</li> <li>カテゴリ⑦</li> <li>カテゴリ⑧</li> </ul>★参考★
楽天:http://www.rakuten.co.jp/
プレミアムバンダイ:http://p-bandai.jp/
ロハコ:http://lohaco.jp/
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/11 08:21 編集
2015/08/14 02:16
2015/08/14 10:00