Hide / show content via CSS:hover (or JS if need be)
- by Chris
I have the following html:
<li>
<span class="one">Stuff here</span>
<span class="two">More stuff</span>
</li>
.one { display: block; }
.two { display: none; }
What is the easiest method, preferably CSS only, to hide one and show two when the mouse rolls over the <li> container.
If this cannot be done via CSS and only Javascript, I would prefer jQuery via something like live() as the content is updated live and do not wish to constantly rebind manually.
EDIT:
I forgot to mention that this has to work in IE6 :/