javascript - jQuery - '如果'一个类有 CSS 然后将类分配给一个兄弟姐妹

Question

我将 slideToggle 设置为 3 个部分。我在点击时旋转箭头按钮图像。我已将其设置为最初可见 2 个部分。我想“自动”为这些部分中的按钮分配一个旋转类，以便该按钮在已经可见的 div 上预先旋转。我知道我可以通过手动分配类来做到这一点，但是有没有办法用 jQuery 自动完成呢？

演示JSFIDDLE

目前我有这个设置

$('.button').click(function(){
    $(this).toggleClass('rotate');
    $(this).parent().next().slideToggle();
});

我想知道我是否可以在脚本的顶部做这样的事情（下面的代码不起作用，但它展示了我想要实现的逻辑）

if($('.content').css('display') == "block"){
    $(this).parent().next('.button').toggleClass('rotate');
}

score 3 · Accepted Answer

根据您的描述，我建议：

$('.content').filter(function () {
    return $(this).css('display') === 'block';
}).prev('h3').find('img.button').addClass('rotate');

参考：

1 回答 1