How can I stop all the H2 tags from changing color at the same time when just one H2 tag is hovered over? I want the hover to apply to each H2 element individually and not as a group.
Please mouse over “Business Litigation” on the following link and you will see what I mean. All H2 tags change color when just the first one is moused over.
http://mos.herrmanneasyedit.com/practice-industries/21-litigation
$('div.collapsed').find('h2').unbind('mouseenter mouseleave').hover(
function() {
$("h2").css("color","#78a9c0");
},
function() {
$("h2").css("color","#B5121B");
}
)
Any help is appreciated.