Hey Chris,
now that you said it, I feel kinda dumb. Of course you want to follow
the links! *smacks head against wall*
So, how do you feel about this? => http://mooshell.net/VhXb3/13
Cheers, Daniel
On 2009-10-25, at 25/October, 10:11 AM, cbolson wrote:
Thanks for your answer Daniel but I am afraid it isn't quite what I
was looking for.
No doubt I didn't explain myself properly.
I need the href to work - ie when you click on the link it needs to
take you to that page.
I have updated both mooshell versions so that the html contains "real"
links so that you can see what I am referreing to:
my version (without your added e.stop() - working links but accordion
opening before url loaded):
http://mooshell.net/VhXb3/12
Your version - links don't work at all:
http://mooshell.net/VhXb3/11
However, following on from what you suggested about the arrows (the
ones I used are just for the demo) I might try to get the accordio to
open only when they are clicked rather than the complete <li>.
Thanks for the help and suggestions.
Chris
On 24 oct, 21:58, Daniel Lohse <[email protected]> wrote:
There you go:http://mooshell.net/VhXb3/9
You need to add the event parameter to the click function and stop
the
event from bubbling up the DOM. :)
But, beware, you also break a UI paradigm by not opening the
accordion
upon click of the link.
Is suggest you add little arrow icon (pointing right) right where the
plus icon now is and that should be your link with the href.
This way you don't break user expectation *and* have the link right
there. The code then shouldn't change, just the click function
applied
to the icon.
Really cool accordion by the way. Keep at it! :)
Cheers, Daniel
On 2009-10-24, at 24/October, 9:07 PM, cbolson wrote:
I am using a slightly adapted version of a mootools nested accordion
from here:
http://blog.medianotions.de/en/articles/2008/mootools-nested-accordion
I have it working as needed as regards opening the nested elements
(can't get them to close yet but that is a different matter)
However I have a problem which I can't seem to solve.
The togglers can and do contain links that will link to real pages
(I
am using the accordion for a menu). The problem is that when you
click on them the accordion starts to open until the page changes
causing undesirable flicker (depending on the time it takes the page
to change).
So, what I need to do is stop the accordion from being toggled when
these links are clicked on.
Is there any way that I can stop elements (hrefs) contained within
the
toggler element from intiating it when they are clicked on?
I have set up a slimmed down demo of me code here (the full code
also
detects the current page and opens the menu at the correct
position):
http://mooshell.net/VhXb3/7
You will see that I have added a check on all the "hrefs" within the
accordion but at the moment it does nothing more than show a
message -
this is the action that I need to modify to stop the toggling.
Any help, pointers etc would be greatly apreciated.
Of course if anyone has any alternative methods for achieving my
nested dropdown menu I would also be interested ;)
Thanks in advance
Chris
