jQuery hover fade method (modified)

This technique uses jQuery to modify the markup and to animate to fade transition.

Read the article.

<ul>
	<li><a class="fadeThis" href="http://greg-j.com"><span class="hover">This content is hidden</span></a></li>

	<li><a class="fadeThis" href="http://greg-j.com"><span class="hover">This content is hidden</span></a></li>
	<li><a class="fadeThis" href="http://greg-j.com"><span class="hover">This content is hidden</span></a></li>

</ul>

• This content is hidden
• This content is hidden
• This content is hidden

<div class="fadeThis">
	<p class="hover">This content is hidden</p>
</div>

<p><strong class="fadeThis"><span class="hover">This text is hidden</span></strong></p>

This text is hidden