The sections do open when the page is loaded (I didn't include that code part in the mooshell demo as it was not related)
What I am referring to is that I would expect the accordion to be toggled by the icons and not by the links. And the textual links should take the user to the page. Personally I found what you have done more confusing as it isn't clear that the menu sections can open. Anyway, I suppose it is just a matter of opinion and context, I am probably going to change my code anyway to only use the icons to toggle the accordion. Chris On 25 oct, 11:55, Daniel Lohse <[email protected]> wrote: > Why do you think it should be the other way around? > > The obvious thing to do would be to open one section when the page > loads - makes it more obvious what the user can do, don't you think? > > Cheers, Daniel > > On 2009-10-25, at 25/October, 11:50 AM, cbolson wrote: > > > > > Cheers Daniel - blindingly obvious when one sees the code :( > > > I still think that it should be the otherway round - ie the icons > > activate the accordion and the links link to the page. > > > Thanks again. > > > Chris > > > On 25 oct, 11:34, Daniel Lohse <[email protected]> wrote: > >> 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
