UI Accordion 1.5 - Using the navigation option in a nested accordion.
I'm trying to figure out if it is possible to use the navigation
option of the UI 1.5 Accordion within a nested accordion. I wouldn't
normally ask for assistance, but after 18 hours and a dozens and
dozens of prototypes I've hit a wall.
I've not been able to find anything like what I want to achieve for
reference, which has been part of the battle.
Essentially I am trying to achieve a nested accordion menu with up to
two sub levels. I need to make use of the 'navigation' option so that
the accordion stays open, with the open section being dictated by the
URL.
So far I can only get the navigation option to work for the first sub-
level. If I click a link on the second sub-level, the whole accordion
collapses.
I think I have found the cause of the problem, but am unsure how to
proceed, as this seems to require more direct javascript knowledge.
When a link on the second sub-level is activated, only the immediately
preceding <a> is given a class of selected, causing the <ul> above
that to be left with a style="display: none;"
Now I could be completely wrong as this is way over my head, but I
guess both preceding anchor elements need to have a class of selected
for the <ul>'s to show?
Here's an example of what I'm trying to do:
http://helloian.com/menu/nestednav.html
If you navigate to: Wine Making > Wine Kits > Red Wine Kits you will
see my problem!
Any guidance or advice would be greatly appreciated. I've read dozens
and dozens of pages trying to find a solution but am getting no where
fast after 18 hours solid effort. Every time I think I have it cracked
I am proved wrong!
Many thanks,
Ian