Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • npanguuluri 30 posts 57 karma points
    Aug 10, 2009 @ 22:36
    npanguuluri
    0

    Multi level accordion menu

    I am trying to find out a way to get a multi -level accordion menu working ...Is there a way where we can get it done///

    Suppose this is the main navigation structure:

    -|Main
    --|Home
    --|About
    ---|item1
    ---|item2
    --|contact

    When the user clicks on About:

    tem1
    Item2
    Item3

    The user clicks item2

    Item1
    Item2
    ..|-subitem1
    ..|-subitem2
    Item3

    The user then clicks subitem 1

    Item1
    Item2
    ..|-subitem1
    ....|-subsubitem1
    ....|-subsubitem2
    ....|-subsubitem3
    ..|-subitem2
    Item3

     

    This menu should use the accordion features that we get from the runway accordion widget....

  • Chris Koiak 700 posts 2626 karma points
    Aug 11, 2009 @ 08:43
    Chris Koiak
    1

    This is really a javaScript/jQuery question rather than an Umbraco question. Try searching for "jQuery accordion multi-level" on Google and you may get more help.

    In saying that, you basically need to write out all you nested <ul> structure to the page and then use jQuery to collapse and expand it.

    Have a look at http://sandbox.leigeber.com/javascript-accordion/index.html for some inspiration.

  • anthony hall 222 posts 535 karma points
    Aug 11, 2009 @ 10:01
    anthony hall
    0

    So this is a 2 step process,

    1) create your UL structure. Create a XSLT macro. One of the default macro's should give you what you need. You will need to ensure the id's in your ul's match that of you jquery code

    2) add your jquery code. 

     

Please Sign in or register to post replies

Write your reply to:

Draft