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
