Javascript 当其他类向下滑动时，如何删除该类

我有一个表，其中有一些行是隐藏的，只有在单击“显示”按钮时才可见。我的问题是，当另一行向下滑动时，如何从箭头中删除类旋转？以下是我的片段：

$（函数（）{
$（“.show”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（this.parent（）.toggleClass（'rotati'））
var content=$（this.closest（“tr”）.next（）.find（“.content”）；
$（“.content”）.not（content.slideUp（）；
content.slideToggle（）；
});
});
.subRow{
填充：0；
背景色：#CFCFCF；
}
.内容{
背景色：#CFCFCF；
显示：无；
}
.旋转式img{
-webkit变换：旋转（-90度）；
-moz变换：旋转（-90度）；
-ms变换：旋转（-90度）；
-o变换：旋转（-90度）；
变换：旋转（-90度）；
转变：转变0.2s；
}

试验台
第1栏
第2栏
第3栏
第4栏
第5栏
测试单元
测试单元
测试单元
测试单元
我爱你，我爱你

测试单元
测试单元
测试单元
测试单元
我爱你，我爱你


$（函数（）{
$（“.show”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（this.parent（）.toggleClass（'rotati'））
$（'.show'）.not（$（this））.parent（）.removeClass（'rotati'））
var content=$（this.closest（“tr”）.next（）.find（“.content”）；
$（“.content”）.not（content.slideUp（）；
content.slideToggle（）；
});
});
.subRow{
填充：0；
背景色：#CFCFCF；
}
.内容{
背景色：#CFCFCF；
显示：无；
}
.旋转式img{
-webkit变换：旋转（-90度）；
-moz变换：旋转（-90度）；
-ms变换：旋转（-90度）；
-o变换：旋转（-90度）；
变换：旋转（-90度）；
转变：转变0.2s；
}

试验台
第1栏
第2栏
第3栏
第4栏
第5栏
测试单元
测试单元
测试单元
测试单元
我爱你，我爱你

测试单元
测试单元
测试单元
测试单元
我爱你，我爱你

我想你可以改变这一点：

$(this).parent().toggleClass('rotati')

为此：

$('.parentRow td').removeClass('rotati');
$(this).parent().addClass('rotati');

请参见下面的演示：


$（函数（）{
$（“.show”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（'.parentRow td'）.removeClass（'rotati'）；
$（this.parent（）.addClass（'rotati'）；
var content=$（this.closest（“tr”）.next（）.find（“.content”）；
$（“.content”）.not（content.slideUp（）；
content.slideToggle（）；
});
});
.subRow{
填充：0；
背景色：#CFCFCF；
}
.内容{
背景色：#CFCFCF；
显示：无；
}
.旋转式img{
-webkit变换：旋转（-90度）；
-moz变换：旋转（-90度）；
-ms变换：旋转（-90度）；
-o变换：旋转（-90度）；
变换：旋转（-90度）；
转变：转变0.2s；
}

试验台
第1栏
第2栏
第3栏
第4栏
第5栏
测试单元
测试单元
测试单元
测试单元
我爱你，我爱你

测试单元
测试单元
测试单元
测试单元
我爱你，我爱你

非常感谢。@stackbaz很高兴通过单击复选标记帮助mate关闭OP:）