Up Down Menu

模块名称:upDownMenu

功能描述 H5移动端下拉筛选分类导航

使用方法 //采用jQuery实现,下面简单的介绍一下使用方法:

$(document).ready(function () {
    //Regional开始
    $(".Regional").click(function () {
        if ($('.grade-eject').hasClass('grade-w-roll')) {
            $('.grade-eject').removeClass('grade-w-roll');
            $(this).removeClass('current');
        } else {
            $('.grade-eject').addClass('grade-w-roll');
            $(this).addClass('current');
            $(".Brand").removeClass('current');
            $(".Sort").removeClass('current');
            $(".more").removeClass('current');
        }
    });

    $(".grade-w>li").click(function () {
        $(".grade-t")
            .css("left", "33.48%")
    });

    $(".grade-t>li").click(function () {
        $(".grade-s")
            .css("left", "66.96%")
    });
    //Regional结束

    //判断页面是否有弹出开始
    $(".Regional").click(function () {
        if ($('.Category-eject').hasClass('grade-w-roll')) {
            $('.Category-eject').removeClass('grade-w-roll');
        }
    });
});

//js点击事件监听开始

function grades(sbj) {
    var arr = $(sbj);
    $('.grade-eject').removeClass('grade-w-roll');
    $('.Regional').removeClass('current');
    console.log(arr.text())
}