单击时从其他 div 中删除类，并找到类和切换类答案

【问题标题】：Remove class from other divs on click and also find class and toggle class单击时从其他 div 中删除类，并找到类和切换类
【发布时间】：2020-11-23 23:26:56
【问题描述】：

nav-link li -> 是父级下拉 - 是孩子我需要通过点击父母来切换孩子。当我单击其他元素（nav-link li）时，它可以通过删除打开的类名来正常工作。当我尝试切换相同的元素时它不起作用（nav-link li）并且它不切换。

jQuery(".nav-link li").click(function() {
  $('.drop-down').not(this).removeClass('open');
  $('a').not(this).removeClass('mins');
  jQuery(this).find(".drop-down").toggleClass("open");
  jQuery(this).find("a").toggleClass("mins");
});

.nav-link .drop-down.open {
  max-height: 1000px;
}
.nav-link .drop-down {
  max-height: 0;
}
.nav-link .mob-menu-con .mins:after {
  content: "-";
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul class="nav-link">
  <li class="mob-menu-con">
    <a class="" href="#">LANDWIRTSCHAFT</a>
    <img class="arrow-down" src="./assets/img/icons/assest-05.png">
    <div class="drop-down">
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="menu-list">
            <p class="menu-title">Traktorzubehör</p>
            <ul>
              <li><a href="#">Bolzen</a></li>
            </ul>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="menu-list">
            <p class="menu-title wd-space">Folien & Silieren</p>
            <ul>
              <li><a class="wd-space" href="#">Folien & Planen</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </li>
  <li class="mob-menu-con">
    <a href="#">TIERZUCHT</a>
    <img class="arrow-down" src="./assets/img/icons/assest-05.png">
    <div class="drop-down">
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="menu-list">
            <p class="menu-title">Traktorzubehör</p>
            <ul>
              <li><a href="#">Bolzen</a></li>
            </ul>
          </div>
        </div>
      </div>

    </div>
  </li>
</ul>

【问题讨论】：

请提供完整的代码/功能。提供的代码不完整且不足。例如，“这”是什么？是什么触发了这段代码？上下文是什么？
您的 html 中没有导航链接
请添加css代码
您的代码中有引用类的方法 (toggleClass("open"))，但您尚未将它们添加到通用代码中
你还没有添加mins类。

标签： javascript jquery

【解决方案1】：

尝试添加

overflow: hidden;

到

.nav-link .drop-down {
    max-height: 0;
    overflow: hidden;
}

【讨论】：