nadavspi/peekaboo.js

Support multiple toggle targets

nadavspi opened this issue · 1 comments

The spec allows for an ID reference list in aria-controls. Let's use that (and data-toggle-target) to toggle multiple elements using the same button.

Example:

<button type="button" aria-controls="one two three">Toggle stuff</button>
<h1 id="one">One</h1>
<h1 id="two">Two</h1>
<h1 id="three">Three</h1>

https://msdn.microsoft.com/en-us/library/cc848872(v=vs.85).aspx
https://www.w3.org/TR/wai-aria/states_and_properties#valuetype_idref_list

Well, maybe not. I don't think any UAs support this. http://www.heydonworks.com/article/aria-controls-is-poop