50 lines
1.6 KiB
JavaScript
50 lines
1.6 KiB
JavaScript
$(function () {
|
|
let navflag = false;
|
|
$('.nav-tab').click(function () {
|
|
$(this).siblings().each(function () {
|
|
$(this).removeClass('a_active');
|
|
// $(this).removeClass('a_active');
|
|
$(this).find('.nav-box').css('height', '0')
|
|
//关闭右侧箭头
|
|
if ($(this).attr('class').indexOf('nav-ul') != -1) {
|
|
$(this).find('.icon-bottom').css('transform', 'rotateZ(0deg)')
|
|
$(this).find('.icon-bottom').css('transition', 'all .5s')
|
|
$(this).removeClass('nav-show')
|
|
// $(this).find('div').removeClass('nav-box')
|
|
}
|
|
})
|
|
//当前选中
|
|
$(this).addClass('a_active')
|
|
$(this).find('.li-a').addClass('active')
|
|
// 打开右侧箭头
|
|
$(this).find('.icon-bottom').css('transform', 'rotateZ(180deg)')
|
|
$(this).find('.icon-bottom').css('transition', 'all .5s')
|
|
$(this).addClass('nav-show')
|
|
// $(this).find('div').addClass('nav-box')
|
|
})
|
|
/* 二级菜单a点击事件 */
|
|
$(".li-a-a").click(function () {
|
|
$(".li-a-a").each(function () {
|
|
$(this).removeClass('active-li-a');
|
|
})
|
|
$(this).addClass('active-li-a');
|
|
})
|
|
|
|
|
|
$('.icon-menu').click(function () {
|
|
$('.overview').toggle()
|
|
});
|
|
|
|
/* 文档左侧切换效果 */
|
|
$('.chevron-right-bottom').click(function () {
|
|
let btn = $(this)
|
|
$(this).toggleClass('active');
|
|
$('.nav-div ul li').each(function (ind, el) {
|
|
if (btn.hasClass('active')) {
|
|
$(el).addClass('nav-show active').find('.li-a').addClass('active')
|
|
} else {
|
|
$(el).removeClass('nav-show active').find('.li-a').removeClass('active')
|
|
}
|
|
})
|
|
})
|
|
}) |