php Bootstrap |多级下拉菜单

Posted 2021-05-04

$('.dropdown-toggle').on('click', function(e){
  $(this).next('ul').toggle();
  e.stopPropagation();
  e.preventDefault();
});

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1413">
  <a href="#" id="navbarTherapuetics" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" role="button" class="dropdown-toggle">Therapuetics</a>
  <ul class="sub-menu dropdown-menu container px-5 py-3 show" aria-labelledby="navbarTherapuetics">
  	<li id="menu-item-1278" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1278"><a href="#">Therapuetics</a></li>
  	<li id="menu-item-1054" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1054"><a href="#">Affimer technology</a></li>
  	<li id="menu-item-1409" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1409"><a href="#">Pipeline</a></li>
  	<li id="menu-item-1426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1426"><a href="#">Partnering</a></li>
  	<li id="menu-item-1421" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1421"><a href="#">Custom Affimers</a></li>
  	<li id="menu-item-1427" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-1427"><a href="#">News</a></li>
  </ul>
</li>