同步

js/document.js

@@ -0,0 +1,50 @@
+$(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')
+      }
+    })
+  })
+})