使用Jquery.each（）函数隐藏图像，因为另一个图像显示在同一个类中

我正在使用stellar.js创建一个paralax站点。我设置了脚的图像，以便在滚动期间在不同点显示。我正在尝试编写一个函数，当显示脚时，它将隐藏脚的所有其他副本。我无法更改stellar文件本身来执行此操作，因此我必须尝试使用外部函数：

//Feet on slide
$('.walkingFoot').each(function() {
    if ($(this).css('display') == 'block') {
        $('.walkingFoot').not(this).css('display','none');
    }   
});

---

集合中的所有脚图像都在.walkingFoot类中。当display属性设置为block时，我试图隐藏类中的所有其他脚。上面的代码似乎不起作用。非常感谢您的帮助。

您可以在以下位置更改代码：

$('.walkingFoot').each(function () {
    if ($(this).is(":visible")) {
        $('.walkingFoot').not(this).hide();
    }
});

---

演示：

那么一次只有一个类元素被设置为

display:block

？rest设置为什么？rest设置为display:none基本上我正在试图找到一种方法，在新图像触发并设置为display:block后隐藏每个单独的脚图像。您如何决定显示一个新的.walkingFoot？在这里，您的代码总是只找到第一个显示：block，然后将其他代码设置为display:none。您的代码是如何使用stellar.js实现的？好的，stellar.js文件定义了新的.walkingFoot项目的显示时间。由于限制，我不允许更改stellar.js文件中的任何内容@koala_dev这段代码在一个单独的文件中，我希望能够使用它继续影响stellar影响的项目。