jQuery fading in an element - not working exactly as i want it to...
- by Nike
Anybody see what's wrong? Doesn't seem to do anything. If i replace
$(this, '.inner').stop(true, false).fadeIn(250);
with
$(.fadeInOnHover .inner').stop(true, false).fadeIn(250);
then all the .inner elements on the page will fade in (which isn't really what i want, as i have ~10 of them). I know it's possible to achieve what i want to do, but i don't know how in this case. Thanks in advance :)
<script type="text/javascript">
$(document).ready(function() {
$('.fadeInOnHover .inner').css("display","none");
$('.fadeInOnHover').hover(function() {
$(this, '.inner').stop(true, false).fadeIn(250);
}).mouseout(function() {
$(this, '.inner').stop(true, true).fadeOut(100);
});
});
</script>
