如何在切换JavaScript中的ul时保持当前选项卡处于活动状态

Question

我要保持激活标签的状态，该标签是在切换CDNA时选择的。请在下面找到用户界面和代码：

因此，根据图像，我选择了“细分视图”，因此，当我单击CDNA并再次打开它时，“细分视图”应保持活动状态。

请帮助。

<ul class="nav side-menu " id="tree3">
  <li style="background-color: #01AE9D;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;" class="campaignCentral active">
    <a id="cdnaAnchor" class="sep">
      <span>
        <i class="fa fa-plus-square-o"></i>CDNA</span>
      <span id="arrowImage" class="fa fa-chevron-circle-down"></span>
    </a>
    <ul t-ng-resize class="nav child_menu" style="display: block;">
      <li ng-class="currentState == 'individual' ? 'active':''" class="parentLi">
        <a ui-sref="individual">
          <i class="fa fa-street-view" aria-hidden="true"></i>&nbsp;&nbsp;
          <span data-ng-show="!resized">Customer View</span>
        </a>
      </li>
      <li ng-class="currentState == 'segment' ? 'active':''" class="parentLi">
        <a ui-sref="segment">
          <i class="fa fa-pie-chart" aria-hidden="true"></i>&nbsp;&nbsp;
          <span data-ng-show="!resized">Segment View</span>
        </a>
      </li>
      <li ng-class="currentState == 'merchant' ? 'active':''" class="parentLi">
        <a ui-sref="merchant">
          <i class="fa fa-users" aria-hidden="true"></i>&nbsp;&nbsp;
          <span data-ng-show="!resized">Merchant View</span>
        </a>
      </li>
      <li ng-class="currentState == 'product' ? 'active':''" class="parentLi">
        <a ui-sref="product">
          <i class="fa fa-sitemap" aria-hidden="true"></i>&nbsp;&nbsp;
          <span data-ng-show="!resized">Product View</span>
        </a>
      </li>
      <li ng-class="currentState == 'dashboard' ? 'active':''" class="parentLi">
        <a ui-sref="dashboard">
          <i class="fa fa-desktop" aria-hidden="true"></i>&nbsp;&nbsp;
          <span data-ng-show="!resized">Exec Dashboard</span>
        </a>
      </li>
    </ul>