Is it possible to make an object appear "inline" when another object appears "inline"?
I'm creating something for a mobile device that uses SVG, and it's pretty limited. When the user highlights their calendar icon on the bottom of the screen ("focusin"), the device automatically displays their upcoming calendar events above (calendar_text1hotspot, text2hotspot, etc). Trouble is, if they use a white background against the white text it's impossible to see, so I want a background image to appear behind the calendar entries when the user focuses in on the calendar icon.
Right now all I'm able to do is have the background underlay appear when the user focuses in on the actual calendar_text1shotspot using this code:
<set xlink:href="#calendarbackground" attributeName="display" to="inline" begin="calendar_text1hotspot.focusin"/>
What I'd like is when the user highlights the calendar icon and the upcoming events are listed automatically, the background appears behind them without requiring them to focusin on the list items.
In theory I need something like this:
<set xlink:href="#calendarbackground" attributeName="display" to="inline" begin="calendar_text1hotspot.display:inline"/>
It's telling the #calendarbackground object to show itself ("display inline") when the calendar listing becomes "inline". However this code does not work, and I'm not sure it's even possible.
Any ideas?