所以我有这段代码,当我将鼠标悬停在表格行上时,我得到蓝色背景行颜色,当我点击表格行时,我得到灰色背景行颜色。
它几乎可以按我的意愿工作,但有一个例外。
当我单击该行并且该行具有单击的类时, :hover 类不应覆盖背景颜色。
即当我悬停已单击的行时,悬停颜色仍应为灰色。
这是我的javascript代码:
$('.my-class').click(function(){
$(this).nextUntil('tr.my-class').slideToggle(100);
$(this).toggleClass("clicked");
});
这是我的CSS类:
.my-class.negative:hover {
background-color: blue;
}
.my-class.negative.clicked {
background-color: gray;
}
这是我的 jsfiddle:http: //jsfiddle.net/DhdRG/9/