Javascript 移动菜单下拉问题

这是我的网站： 问题是，当网站在手机上打开时，第二个菜单名为“女性”，而不是像菜单“男性”那样工作

它打开下拉列表，但立即重定向到子菜单3。代码如下：

<ul class="nav-menu navigation-tier navigation-tier-primary" data-navigation-tier-primary>

     <li class="has-slide-out header-navigation-item navigation-item-primary">
      <a class="navigation-link-primary" href="/" >Home</a>
    </li>

    <li class="dropdown has-slide-out header-navigation-item navigation-item-primary">
    <a class="dropbtn navigation-link-primary" href="#">Men</a>
      <div class="dropdown-content">
        <a href="/men/tanks/">Tanks </a>
        <a href="/men/tshirts">T-shirts</a>
      </div>
    </li>

    <li class="dropdown has-slide-out header-navigation-item navigation-item-primary">
    <a class="dropbtn navigation-link-primary" href="#">Women</a>
      <div class="dropdown-content"> 
        <a href="/women/leggings/">Leggings</a>
        <a href="/women/tanks">Tanks</a>
        <a href="/women/tshirts">T-shirts</a>
        <a href="/women/tshirts/v-neck/">V-Neck</a>
        <a href="/women/unisex-tees/">Unisex Tees</a>
      </div>
    </li>

    <li class="has-slide-out header-navigation-item navigation-item-primary">
      <a class="navigation-link-primary" href="/hats/" >Hats</a>
    </li>
    <li class="has-slide-out header-navigation-item navigation-item-primary">
      <a class="navigation-link-primary" href="/about/" >About</a>
    </li>
    <li class="has-slide-out header-navigation-item navigation-item-primary">
      <a class="navigation-link-primary" href="/contact-us/" >Contact</a>
    </li>
    <li class="has-slide-out header-navigation-item navigation-item-primary">
      <a class="navigation-link-primary" href="/news-feed/" >News</a>
    </li>

  </ul>

通过单击菜单名“男性”，然后同时单击菜单名“女性”，您面临的问题是无法保持其重定向

这不是问题所在 这是因为当你点击菜单“男人”时，它会打开一个男人的子菜单。然后同时点击女性子菜单打开“男性”子菜单关闭“男性”子菜单，这样男性和女性之间的差距就会缩小。直接点击“女性”子菜单之一（可能是第二或第三个子菜单），而不是点击“女性”菜单，你就会被重定向

检查下面的代码片段

$（'.dropbtn.navigation link primary'）。单击（函数（e）{
if（$（this）.hasClass（'active'））{
$（“a.dropbtn.navigation link primary”）.removeClass（'active'）；
}
否则{
$（this.addClass（'active'）；
}
});
@介质（最大宽度：850px）{
.下拉：悬停.下拉内容{
显示：无！重要；
}
body.home.主标题菜单.标题导航项a{
宽度：100%！重要；
显示：内联块；
}
a、 dropbtn.导航链接主。活动+div{
显示：块！重要；
}
}
有什么问题？我没找到any@Nirali首先打开网站进入手机，然后点击切换，你会看到菜单列表，然后当你点击菜单名男子，然后同时点击菜单名女子，你会发现问题，它没有停留在重定向我正在寻找解决方案，解决这个问题我想知道如何使它停留在那里，即使同时点击，如果一个子菜单已经打开，uou点击子菜单上方保持打开的其他菜单不关闭。它会工作的是的，我只想保持两个菜单打开只是不想这个脏redirection@R.K.Bhardwaj检查我的答案，我添加了一个片段
Lets DO the same on click

/***Add css in file***/

.dropdown.active .dropdown-content {
    display: block;
}

/***Add Jquery in file***/

$('.navigation-link-primary').click(function(e){
    $('.dropdown').removeClass('active');
    $(this).parent().addClass('active');
 });