jquery第三章练习三（制作京东常见问题分类页面）

js 代码及要求如下：

$(document).ready(function () {
    /* 鼠标移至“联系客服”，二级菜单以”slow“速度显示；当鼠标离开时，二
  级菜单以“fast”速度隐藏 */
    $(".menu-btn").hover(
        function () {
            $(this).next().show("slow");
        },
        function () {
            $(this).next().hide("fast");
        }
    );

    /*  鼠标一级菜单时，使用 slideDown( ) 实现二级菜单以“slow”速度显示；
  当鼠标再次单击一级菜单时，使用 slideUp( ) 实现二级菜单以”slow“速度隐
  藏 */

    let count = 0;
    $(".nav dt").click(function () {
        count++;
        if (count % 2 !== 0) $(this).nextAll().slideDown("slow");
        else {
            $(this).nextAll().slideUp("slow");
        }
    });
});

标签：jquery,function,slow,slideUp,count,nextAll,常见问题,京东,菜单
来源： https://blog.51cto.com/u_13962552/2885954