如何修复此下拉菜单？

Question

我需要帮助来删除 data-toggle，然后显示下拉菜单，当我点击下拉菜单时，下拉菜单关闭。
https://jsfiddle.net/f0yzyryL/
更改页面时我希望下拉菜单保持打开状态

<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
  <img src="../images/icons/icon_horario.png" class="glyph">
    <!--<span class="glyphicon glyphicon-time glyph" aria-hidden="true"></span>-->
  <span class="glyphicon-class">
    <?php echo __('horario_atendimento'); ?>                            
  </span>
</a>
<ul class="dropdown-menu"> <?php echo ($lang_id == 'en') ? 'pull-right' : ''; ?>
  <div class="container">
    <ul class="nav nav-pills" id="tabs">
      <li class="active"><a data-toggle="tab" href="#HRsup">Suporte</a></li>
      <li><a data-toggle="tab" href="#HRuni">Unidades</a></li>
    </ul>
  </div>
  <div class="tab-content">
  <div id="HRuni" class="tab-pane fade">
  <p>here is the first tab</p>

Answer 1

在加载时显示下拉列表很简单，您只需将 class open 添加到包含的 li。你真正需要的是一种方法来保存一些数据来告诉你什么时候打开菜单

以下可能是最简单的：

<ul class="nav nav-pills"> 
<li class="<?php echo ($someVar == 'someVal') ? 'open' : ''; ?>">

见https://jsfiddle.net/f0yzyryL/2/

您也可以通过读取和写入 cookie、使用本地存储、读取 url 参数、使用位置哈希等来完成此操作:)

如何修复此下拉菜单？

How to fix this dropdown menu?

html

css

php

jquery

dropdown