Support » Plugin: Collapse-O-Matic » open by tabbing to, close by tabbing away

  • Resolved danwpc

    (@danwpc)


    I would like to open a target div whenever I tab to it. Currently, tabbing proceeds to the next tab correctly, but it does not close the previous (open) div nor open the next (closed) one. I want only one target open at a time. Thx

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author twinpictures

    (@twinpictures)

    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

    Plugin Author twinpictures

    (@twinpictures)

    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

    Plugin Author twinpictures

    (@twinpictures)

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘open by tabbing to, close by tabbing away’ is closed to new replies.