> Tell me, where would you click to open the accordion, on the icon or > the text? You would open the accordion on the icons or anywhere on the <li> EXCEPT the text links.
> In your version, when the user clicks the text, he's being taken to > another page and not opening the accordion. Exactly, that is the whole point. When the text links are clicked the accordion is not opened. The user is taken to the linked page where the accordion IS opened automatically at the correct place. > And the accordion doesn't even open on click so the user does not > neccessarily know that his actions can really have two actions: > opening the accordion and going to another web page, depending on > where he clicks the handle. That is what the icons are for - they clearly indicate (in my opinion) that there are more options to be shown if clicked upon. > I just don't think that this is a matter of opinion and context, > you'll damage user expectation. Maybe another icon would suit you > better? It must be a matter of opinion as, in my opinion, your version does the opposite to what I would expect. In my experience the use of vertical arrows or plus/minus signs usually means that, when you click on them more information is shown. > Another approach would be to open the sections on mouse over (only > open, not close on mouse over!) and follow the link on click of the > handle? Not keen on that solution, at least for my specific needs as the whole thing gets rather confusing as the menu opens and closes by the slightest mouse movement. Nothing more annoying that menus that don't stat where I (the user) tell them to stay in my opinion. > We can also close this conversation if you don't want to think or > write about it anymore. ;-) Not at all, happy to discuss the matter and it is always good to get other opinions. Sometimes it too easy to get so close to the thing that someone is working on that you can't see the wood for the trees :) Chris On 25 oct, 13:01, Daniel Lohse <[email protected]> wrote: > Tell me, where would you click to open the accordion, on the icon or > the text? > > In your version, when the user clicks the text, he's being taken to > another page and not opening the accordion. > And the accordion doesn't even open on click so the user does not > neccessarily know that his actions can really have two actions: > opening the accordion and going to another web page, depending on > where he clicks the handle. > > I just don't think that this is a matter of opinion and context, > you'll damage user expectation. Maybe another icon would suit you > better? > > Another approach would be to open the sections on mouse over (only > open, not close on mouse over!) and follow the link on click of the > handle? > > We can also close this conversation if you don't want to think or > write about it anymore. ;-) > > Cheers, Daniel > > On 2009-10-25, at 25/October, 12:07 PM, cbolson wrote: > > > > > 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
