Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript [Solved] Affecting non-hovered items Re: [Solved] Affecting non-hovered items

#73638
dcp3450
Participant

Chris,

I used:

Code:
$(“ul”).delegate(“li”, “mouseover mouseout”, function(e) {
$(“ul li”).not(this).css(“opacity”, e.type == ‘mouseover’ ? 0.5 : 1);
});

and

Code:
$(“li”).hover(function() {
$(“li”).not(this).css(“opacity”, 0.5);
}, function() {
$(“li”).not(this).css(“opacity”, 1);
});

both work great, however, IE freaks the text out and changes their alignment and size. The text even gets choppy.
http://www.chattahoocheetech.edu/sandbox/newctc/sports/crosscountry/

any ideas?