Как исправить это выпадающее меню?

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

Заставить выпадающий показать на нагрузке тривиальна, вы просто добавить класс open к охватывающему li. Что вам действительно нужно, это способ сохраняются некоторые данные, чтобы сказать вам , когда, чтобы открыть меню

Ниже может быть самым простым:

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

См https://jsfiddle.net/f0yzyryL/2/

Вы также можете сделать это путем чтения и записи файлов cookie, использования localstorage, считывания параметров URL-адреса, использования местоположения хеша ..... и т. д.