Announcement

Collapse
No announcement yet.

How to keep left accordion menu open while navigating to child sections?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to keep left accordion menu open while navigating to child sections?

    Hi all,

    I wonder if there is a possibility to keep the accordion menu on side bar, open , while navigating to child sections, of the parent menu item,

    The problem is that, any time I navigate to child section, I have to collapse the accordion, choose desired child menu, which closes back once I arrive to the desired page,

    I have to repeat this action while I'm staying in same section (category), which maybe disturbing from UX point of view,

    Any help will be appreciated

    Thanks
    Simon


  • #2
    hello,
    1) you add the following CSS to file template /jv-hosting/css/custom.css :
    ul.accordion li.active.parent > .divsubmenu { display: block;} 2) you add the following JS to file template /jv-hosting/html/mod_menu/accordion line 15 http://prntscr.com/c8qm2n
    $('.parent.active > p > .fa').addClass('min');




    Comment


    • #3
      Hi ossmygoal,

      Thank you very much, it works greatly,

      Thanks again for your help and great job you do,

      Best Regards
      Simon

      Comment


      • #4
        Hi ossmygoal,

        Appear an other issues with accordion menu on side bar,

        1.It doesn't show the menu item if it's configured as URL Alias in main menu, Please see http://test-packetlight2.finance-aid.com/about.html,
        While in main menu bar 'Press Releases' (Item Menu Alis) appears , you can't see the 'Press Releases' appears in left side menu. (please see attached image exhibit-1)
        It works absolutely fine in "Default" and "Vertical" menu layouts (please see attached image exhibit-2)

        2. Accordion menu continues to show icons (fa-plus-square-o and fa-minus-square-o ) instead of fa-angle-right in case I don't want to show the child items on left menu.
        (Please See the exhibit-3)


        Thanks Simon
        Last edited by Simini; 08-23-2016, 08:08 PM.

        Comment


        • #5
          1) We still don't know clearly your problem. The pictures are too small
          2) You can add the following JS to file template /jv-hosting/html/mod_menu/accordion line 20 http://prntscr.com/c9oxzx
          $('.parent').each(function(){ var el = $(this); if (!el.find('ul').length) { el.removeClass('parent'); } });

          Comment


          • #6
            2)Problem number 2 was successfully solved thanks to you
            1)Problem number 1 navigate to http://test-packetlight2.finance-aid.com/about.html , please pay attention that in main navigation menu you have the "Press Releases" menu (It's configured as Menu Item Alias in Menu section on Joomla )
            The problem is that
            Once the module layout configuration is 'accordion' the Press Releases menu - doesn't show on left side menu http://prntscr.com/c9s7jf
            When the module layout configuration is as 'default' or 'vertical' , it performs nicely http://prntscr.com/c9sc14

            3) On Main Navigation Menu, child level menu continues to show after, I configured it NOT to Show in Menu Section on Joomla http://prntscr.com/c9sfhb http://prntscr.com/c9sg41

            Comment


            • #7


              Please send your information to login the website to dev@joomlavi.com . We will check this issue for you.
              Thanks

              Comment


              • #8

                I've sent my info to email you provided.

                Thanks

                Comment

                Working...
                X