> $(".detailsPaneToggle").children("a").css('background-position','0px -35px'); > $(".detailsPaneToggle").children("a:hover").css('background-position','0px > -80px');
I think you can do this without script, except for IE6. <style type="text/css"> .detailsPaneToggle > a { background-position: 0px -35px; } .detailsPaneToggle > a:hover, .detailsPaneToggle > a.hover { background-position: 0px -80px } </style> If you add this script for IE6 it should work there too. $(".detailsPaneToggle > a").hover( function(){ $(this).addClass("hover") }, function(){ $(this).removeClass("hover") } });