documentation: highlander grouping
1. I was successful setting up my shortcodes to open only one content area at a time without using the highlander class. I do it by assigning a unique rel to every shortcode. Is there an advantage to using highlander for this? Eg.:
[expand title=”1600″ rel=”1600″]Content 1[/expand]
[expand title=”1700″ rel=”1700″]Content 2[/expand]
[expand title=”1800″ rel=”1800″]Content 3[/expand]
2. The only thing I haven’t accomplished is opening/closing content hands free using tabbing (my original question). Could you give me an example? I’m not seeing it in the documentation using highlander.
Thanks much
I was successful setting up my shortcodes to open only one content area at a time without using the highlander class.
Not sure what you mean by highlander class, it’s a naming convention for the rel attribute that tells the system ‘there can be only one’ open at a time.
As clearly demonstrated in the documentation highlander grouping forces only one in the group to be open at a time.
[expand title=”1600″ rel=”group_name-highlander″]Content 1[/expand]
[expand title=”1700″ rel=”group_name-highlander″]Content 2[/expand]
[expand title=”1800″ rel=”group_name-highlander″]Content 3[/expand]
There is also a tabindex attribute that might be of interest to you, but normally a tabindex value should NOT be assigned.
Sorry, but this is not resolved for me. It’s unclear from the responses whether or not open/close using tabbing is doable or if I need to add custom jquery. I may not have phrased my original question clearly. What I’d like to accomplish:
1. When I tab to a selection it opens the content,
2. When I tab away, the content closes and the new content opens (so I can quickly open content without having to use the mouse)
Does that make sense?
Thank you
ahh…
…tab ‘selects’ the expand element, ENTER ‘clicks’ the element to expand/collapse.
That is the expected behaviour for accessibility, so no:
1. When I tab to a selection it opens the content,
2. When I tab away, the content closes and the new content opens (so I can quickly open content without having to use the mouse)
is not supported by the plugin but you might be able to add this yourself:
jQuery( '.collapseomatic' ).focus(function() {
jQuery( this ).click();
});
Best of luck.
Thanks, that was what I was looking for. I consider this support question closed.