Jquery ui jQuery UI手风琴菜单-如果用户单击面板中的链接，则保持面板打开

我正在创建一个jQuery手风琴菜单。我需要正确的面板打开时，其中一个子链接被单击

因此，如果在“咨询”下点击“介绍”，用户将进入“介绍”页面，“咨询”面板将打开。或者，如果在“RPO”下单击“值”，当用户被带到该页面时，“RPO”面板将保持打开状态，等等。是否有办法做到这一点

  <ul id="nav-side" class="accordion">
    <li class="accordion-title"><a href="#">RPO</a>
        <ul>
        <li><a href="/rpo/index.php">Value</a></li>
        <li><a href="/rpo/solution-competencies.php">Solution Competencies</a></li>
        <li><a href="/rpo/rpo-models.php">Defined RPO Models</a></li>
        <li><a href="/rpo/program-management.php">Dedicated Program Management</a></li>
        <li><a href="/rpo/solution-planning.php">Solution Planning &amp; Implementation</a></li>
      </ul>
    </li>
    <li class="accordion-title"><a href="#">CONSULTING</a>
        <ul>
        <li><a href="/consulting/index.php">Intro</a></li>
        <li><a href="#">#</a></li>
        <li><a href="#">#</a></li>
      </ul>
    </li>
    <li class="accordion-title"><a href="#">CRM</a>
        <ul>
        <li><a href="#">#</a></li>
        <li><a href="#">#</a></li>
        <li><a href="#">#</a></li>
      </ul>
    </li>
  </ul>

---

你的javascript在哪里？看起来您的绑定选择器有点太激进了。已更新为包含可能重复的

    $(function() {
    var icons = {
      header: "ui-icon-plusthick",
      activeHeader: "ui-icon-minusthick"
    };
    $( ".accordion" ).accordion({
      icons: icons,
            heightStyle: "content"
    });
    $( "#toggle" ).button().click(function() {
      if ( $( ".accordion" ).accordion( "option", "icons" ) ) {
        $( ".accordion" ).accordion( "option", "icons", null );
      } else {
        $( ".accordion" ).accordion( "option", "icons", icons );
      }
    });
  });