Korvin commented on a Page, Javascript Visibility Toggle - Mar 02, 2010

jquery is much more efficient with this imo, since you have it, you should use it =p

<button>You cant see <div style='visibility:hidden;'>this</div></button>
<script>
$('button').hover(function(){jQuery(":first-child", this).css('visibility', 'visible');},function(){jQuery(":first-child", this).css('visibility', 'hidden');});</script>

The cool thing about this is the wide range of customization:

<table cellpadding=0 cellspacing=0><tr class='hov'><td>PLATFORMS</td><td style='width:30px; height:30px;'><img class='hidden' src='http://www.hawkee.com/images/bullet_arrow_down.png' /></td></tr></table>

<div class='hov'>Hover<div class='hidden'>I see you!</div></div>

$(document).ready(function() {
    $('.hidden').hide();
    $('.hov').hover(function(){jQuery(".hidden",this).fadeIn();},function(){jQuery(".hidden",this).fadeOut();});
});

live example at http://left4quake.com/this.html
you'll find jquery is the best =]

outcome = unobtrusive lightweight effective dynamic code, also a really cool effect.

Respond