插件名称: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())
}