Showing an item dependent on the focus of another

[ben03]

Hi,

Can you use 'a' and 'a :focus' as conditional to hide/show another element?

The following doesn't seem to work. Is it likely to with some re-working, or is this a no-no?

a + span{display: none;}
a:focus + span{display: block;}

<a>Anchor</a><span><input  /></span>

Thanks

[dsonesuk]

It only becomes focusable if it has a href with a value, such as "#"

[ben03]

I did not realise that. Sorted. Thank you dsonesuk!