Accordion css?

Home Forums Older releases 0.9.x Accordion css?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2340
    oldgit
    Participant

    How can I get the submenus to work like an accordion, when used in a vertical menu?
    ( I think accordion is the correct term)

    So on rollover the submenu pushes other items down and on mouse out it then contracts.
    I also want any selected menu tree to be locked open until you go to another page.

    I’ve been fiddling with “position : relative” but I can’t get it to work on hover/touch actions.

    Thanks!

    #2343
    admin
    Keymaster

    Hi,

    Please take a look at this post for instructions how to make your menu collapsible even on desktop:

    http://www.smartmenus.org/forums/topic/suggestion-functionality-for-mobile-responsive-to-be-available-for-desktop/#post-1454

    And to expand the menu tree to the current item on page load, you can use the following code:

    http://www.smartmenus.org/forums/topic/vertical-menu-expanded-on-page-load/#post-1535

    Let me know if you still have any questions.

    #2344
    oldgit
    Participant

    Hi.. I have this fixed now – this is what I did :

    ul.sm-vert li:hover ul {
    	position:relative !important;}

    Sorry didn’t get to post before you did!

    #2633
    oldgit
    Participant

    On 0.9.7
    I looked at my working menu again and I have a slight problem on desktop:
    On page load it shows a chosen sub tree in full, which is what I want ( it gets that from the url params)

    If I mouse off the expanded sub tree it contracts
    If the mouse never goes over the menu it stays open

    I would like to lock the sub tree open even if I roll over another subtree parent..
    – or alternatively if the sub tree animates back to expanded when I mouse off the menu that would work ok

    (keepHighlighted:1 makes no difference)

    Thanks!

    #2636
    admin
    Keymaster

    I can’t test your code and the custom CSS you’ve used but something like this for the active menu should probably work (it should keep it open no matter what):

    display:block !important;
    height:auto !important;
    #2638
    oldgit
    Participant

    Thanks – that gave me the clue where to look
    I have the menu horizontal on homepage and vertical on the rest so had conflicting rules

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?