// 菜单的
$(function () {
  let currentIndex = 0;
  let currentIndexTwo = 1;

  //循环panel-default
  for (let i1 = 0; i1 < $(".menuOne").length; i1++) {
    let oneItem = $($(".panel-default")[i1]);
    //循环menuTwo
    let menuTwoArr = $(oneItem.find(".menuTwo"));
    for (let i = 0; i < menuTwoArr.length; i++) {
      //如果menuTwo.text == breadcrumb text

      if (
        $(menuTwoArr[i]).text().trim() ==
        $($(".breadcrumb-item")[$(".breadcrumb-item").length - 1])
          .text()
          .trim()
      ) {
        //初始化状态 展开菜单
        // let collapseOneArr = $(`[id=collapse${i1 + 1}]`);
        let collapseOneArr = $('[id=collapse' +  (i1 + 1) + ']');

        for (let i = 0; i < collapseOneArr.length; i++) {
          $(collapseOneArr[i]).collapse("show");
          //激活二级菜单
          if (
            $(collapseOneArr[i]).find(".menuTwo").text().trim() ==
            $($(".breadcrumb-item")[$(".breadcrumb-item").length - 2])
              .text()
              .trim()
          ) {
            $(collapseOneArr[i]).find(".menuTwo").addClass("menuTwoActive");
          }
        }
      }
    }
  }

  for (let i = 0; i < $(".menuOne").length; i++) {
    let oneItem = $($(".panel-default")[i]);
    //新增不显示的子级
    oneItem.append('<div id="collapse2" style="display:none">ss</div>');

    ////如果等于breadcrumb-item倒数第三个，一级菜单激活
    // if (
    //   $($(".menuOne")[i]).text().trim() ==
    //   $($(".breadcrumb-item")[$(".breadcrumb-item").length - 2])
    //     .text()
    //     .trim()
    // ) {
    //   $($(".menuOne")[i]).addClass("menuOneActive");
    //   $($(".menuOne")[i]).find(".right").css("display", "block");
    //   $($(".menuOne")[i]).find(".right_default").css("display", "none");


    // }
  }

  //如果点击一级菜单
  //激活那个一级菜单，展开，其他隐藏
  for (let i = 0; i < $(".menuOne").length; i++) {
    //如果没有二级菜单
    let oneItem = $($(".panel-default")[i]);
    let twoMenu = oneItem.find(".panel-collapse");

    if (!twoMenu.length) {
      //隐藏img
      // oneItem.find("img").css("display", "none");

      //新增不显示的子级
      // oneItem.append('<div id="collapse2">ss</div>');
    }
    //监听二级菜单
    // let collapseArr = $(`[id=collapse${i + 1}]`);
    let collapseArr = $('[id=collapse' +  (i + 1) + ']');
    //监听二级菜单显示时的操作
    $(collapseArr[i]).on("show.bs.collapse", function () {
      //上一次点击的不激活同时折叠
      $($(".menuOne")[currentIndex]).removeClass("menuOneActive");
      $($(".menuOne")[currentIndex]).find(".plus").css("display", "block");
      $($(".menuOne")[currentIndex]).find(".jian").css("display", "none");
      $($(".menuOne")[currentIndex]).find(".right").css("display", "none");
      $($(".menuOne")[currentIndex])
        .find(".right_default")
        .css("display", "block");
      // let preArr = $(`[id=collapse${currentIndex + 1}]`);
      let preArr = $('[id=collapse' +  (currentIndex + 1) + ']');
      for (let i = 0; i < preArr.length; i++) {
        $(preArr[i]).collapse("hide");
      }
      //监听到显示时增加类
      $($(".menuOne")[i]).addClass("menuOneActive");
      $($(".menuOne")[i]).find(".right").css("display", "block");
      $($(".menuOne")[i]).find(".right_default").css("display", "none");
      $($(".menuOne")[i]).find(".plus").css("display", "none");
      $($(".menuOne")[i]).find(".jian").css("display", "block");
      currentIndex = i;
    });
    //监听隐藏时的操作
    $(collapseArr[i]).on("hide.bs.collapse", function () {
      $($(".menuOne")[i]).removeClass("menuOneActive");
      $($(".menuOne")[i]).find(".plus").css("display", "block");
      $($(".menuOne")[i]).find(".jian").css("display", "none");
    });
  }

  for (let i = 0; i < $(".menuTwo").length; i++) {
    $($(".menuTwo")[i]).click(function () {
      $(this).addClass("menuTwoActive");
      $($(".menuTwo")[currentIndexTwo]).removeClass("menuTwoActive");
      currentIndexTwo = i;
    });
  }
});