如何制作自动活动菜单和子菜单，每个页面有1个文件包含php侧边栏

Question

我当时只使用一个文件sidebar.php，并且每个页面都包含了该文件，所以如果我想更改菜单，只需更改一次。但我不知道如何在单击菜单时自动激活

这是我的html代码：

<ul id="main_menu">
  <li title="Web Admin">
    <a>
      <span class="menu_title">Web Statistik</span>
    </a>
  </li>
  <li title="Dashboard">
    <a href="index">
      <span class="menu_icon"><i class="material-icons">&#xE871;</i></span>
      <span class="menu_title">Dashboard</span>
    </a>
  </li>
  <li title="Web Admin">
    <a>
      <span class="menu_title">E-Commerce</span>
    </a>
  </li>
  <li title="My Store" class="submenu_trigger active">
    <a href="#">
      <span class="menu_icon"><i class="material-icons">domain</i></span>
      <span class="menu_title">My Store</span>
    </a>
    <ul id="sub_menu">
      <li title="Lihat Toko" class="sub_active"><a href="ecommerce">Preview</a></li>
      <li title="Penjualan"><a href="ecommerce/penjualan">Penjualan</a></li>
      <li title="Kupon"><a href="ecommerce/voucher">Voucher</a></li>
      <li title="Report"><a href="ecommerce/report">Report</a></li>
      <li title="Pengaturan"><a href="ecommerce/pengaturan">Pengaturan</a></li>
      <li title="Status"><a href="ecommerce/status">Status</a></li>
    </ul>
  </li>
</ul>

如果我单击#main_menu ul> li，它将为标签“ li”添加Class“活动”

和

如果我单击#sub_menu ul> li，它将删除#main_menu中的Class，并为此父级添加class“ active”，为“ li”添加sub_active标记此子菜单

对不起，我的英语不好，谢谢。