如果子菜单处于活动状态，如何打开下拉菜单？

Question

在这里，如果我单击子菜单，则要保持打开主菜单下拉菜单。现在，如果我单击子菜单，它不会一直打开主菜单。在子菜单上单击后，它会关闭下拉菜单。

  <li><a href="#" class="hasSub" data-toggle="collapse" data-target="#menu1" aria-expanded="false">Main Menu</a>
                    <ul class="collapse list pl-3" id="menu1">
                        <li><a>sub menu1</a></li>
                        <li><a>sub menu 2</a></li>
                    </ul>
                </li>

Answer 1

let $active = $('nav .hasSub li.active');

if($active.length) {
  // or add your action
  $active.closest('.collapse').addClass('open');
}