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
