Подменю не отображается активным, когда я выбираю любую страницу с этими параметрами - PullRequest
Новая
       14

Подменю не отображается активным, когда я выбираю любую страницу с этими параметрами

0 голосов
/ 24 мая 2019

Я использую аккордеон jQuery, внутри него есть главное меню и его опции, внутри него есть подменю и его опции.

Когда я щелкаю любую опцию в главном меню и рендере страниц, тогда меню показывает активный и ОТКРЫТЫЙ, но когда я щелкаю и открываю любую страницу из подменю, страница отрисовывается, но после этого подменю закрывается автоматически. Он должен отображаться открытым, поскольку родительское меню остается открытым после отображения страницы.

HTML 

<div id="main">
     <div class="sidebar-collapse">
    <ul id="navigation" class="nav side-menu">
       <li>
        <s:a action='home' class="head1">Dashboard</s:a>
       </li>

       <li>
        <a style="cursor: pointer" class="head">
           <i class="fa fa-line-chart" aria-hidden="true"></i> 
            Reports Section
        </a>

     <ul>
       <li><s:a action='abc1'>Report 1</s:a></li>
       <li><s:a action='abc2'>Report 2</s:a></li>       
       <li><s:a action='abc3'>Report 3</s:a></li>

        <ul id="sub-accordian">
           <li class="active">
              <a class="head2">
               Sub-Menu Reports
               </a>

        <ul>
           <li><s:a action='xyz1'>Sub-Report 1</s:a></li>
           <li><s:a action='xyz2'>Sub-Report 2</s:a></li>
           <li><s:a action='xyz3'>Sub-Report 3</s:a></li>
        </ul>
       </li>
          </ul>                             
    </ul>
     </li>
   </ul>
  </div>
</div>

JAVASCRIPT 

<script type="text/javascript">
    jQuery().ready(
            function() {
                jQuery('#navigation').accordion({
                    active : true,
                    header : '.head',
                    navigation : true,
                    event : 'click',
                    fillSpace : false,
                    animated : 'easeslide',
                    collapsible: true
                });

                jQuery('#sub-accordian').accordion({
                    active : true,
                    header : '.head2',
                    navigation : true,
                    event : 'click',
                    fillSpace : false,
                    animated : 'easeslide',
                    collapsible: true
                });
            });
</script>

Я хочу, чтобы при открытии любой страницы из подменю после щелчка подменю было открыто и активно, оно не закрывалось автоматически.

...