1
[html]
<html>
<head>
<style type="text/css">
h1.visible {display: block; position: absolute; top: 100px;}
h1.invisible {display: none; position: absolute; top: 100px;}
a.anchor:hover h1.visible {display: none}
a.anchor:hover h1.invisible {display: block}
</style>
</head>
<body>
<a class="anchor">Hover over this to change the wording.
<h1 class="visible">This is a visible heading</h1>
<h1 class="invisible">This is an invisible heading</h1></a>
</body>
</html>
[/html]
What I am trying to achieve is similar to what it is doing, except it doesn't feel right to be able to hover over the text itself to change it. I would like it to work so that only if one hovers over "Hover over this to change the wording." that it changes the wording. Any idea how to, without Javascript, accomplish this?
