京東右上角購物車下拉效果

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">jsp頁面</span>

<li class="liadd">
            <a href="">
                旅行
            </a>
            <div class="subNav">
                <ul>
                    <li>
                        <a href="">
                            國內遊
                        </a>
                    </li>
                    <li>
                        <a>
                            旅行隨筆
                        </a>
                    </li>
                    <li>
                        <a>
                            “孤獨星球”旅行指南
                        </a>
                    </li>
                    <li>
                        <a>
                            國外遊
                        </a>
                    </li>
                    <li>
                        <a href="">
                            美食
                        </a>
                    </li>
                </ul>
            </div>
        </li>

js頁面

 $(".liadd").hover(function () {
        $(".subNav").eq($(this).index()).show();
    }, function () {
        $(".subNav").eq($(this).index()).hide();
    });