单击时javascript切换表格行背景颜色

Question

所以我有一些 javascript 代码，在表格行上单击 exapnds 所有后续表格行，直到它再次找到相同的表格行类。

如果您将鼠标悬停在一行上，它会变成灰色，这是我所期望的。

唯一不起作用的是当您单击表格行时，我希望表格行的背景颜色与悬停(灰色)相同。当您单击返回并折叠该行时，颜色应该会消失。

我尝试添加一个切换类，如下所示。

$('.my-class').click(function(){

    $(this).nextUntil('tr.my-class').slideToggle(100);
    $(this).toggleClass("tr.my-class.negative.clicked");
});

但我不确定这是否是正确的方法。这是我的 jsfiddle: http://jsfiddle.net/DhdRG/3/

Answer 1

只是一个提醒。这也有效，这可能是更好的解决方案:

$('.my-class').click(function(){

    $(this).nextUntil('tr.my-class').slideToggle(100);
    $(this).toggleClass("clicked");

});

http://jsfiddle.net/DhdRG/7/