and if that doesn't work?
On Apr 29, 3:20 pm, "Matthew Hazlett" <[email protected]> wrote: > Something like this might work better for you. > > $('toolbar').addEvents( > { > 'mouseover': function() { $('toolbar').fadeIn(); }, > 'mouseout': function() { $('toolbar').fadeOut(); } > > }); > -----Original Message----- > From: [email protected] > > [mailto:[email protected]] On Behalf Of jk119 > Sent: Friday, April 29, 2011 4:16 PM > To: MooTools Users > Subject: [Moo] Fade in Fade out div on hover > > am i doing this all wrong? > > //Use the fad in out callback > $("#toolbar").hover(function () { > $(".image").fadeOut("slow", function () { > $(this).addClass("imagehover").fadeIn("slow", function () { > $(this).removeClass("imagehover"); > }); > }); > > }); > </script> > > <style type="text/css"> > .imagehover{ > > background:url(test.png); > width:200px; > height:200px; > } > > .image{ > background:url(main.png); > width:200px; > height:200px; > } > > </style> > </head> > > <body> > > <div id="toolbar"> > <div class="image" id="toolbar"></div> > </div> > </body> > </html>
