Javascript 在幻灯片切换div中制作图像，以便在进入视口时淡入

我的站点上有一系列非常大的图像，当进入视口时会消失。 这些图像中的每一个都用作切换按钮，用于垂直滑动打开包含其他图像的div。我还希望这些图像（在slidetoggle div中）在进入视口时消失

一旦div滑开，我的代码只对第一个图像起作用；即使我给所有图像赋予了相同的类，所有其他图像也只是进入视口而没有任何效果

为了给我的图像设置动画，我使用了wow.js和animate.css库（与FadeInUp动画一起使用）

对于切换面板，此代码为：

有人知道问题出在哪里吗？ 仅当我删除该选项时，效果才会应用于所有图像

#show-images {display: none;}

这显然不是我想做的

谢谢

编辑：这也是我的html代码

<div id="project-images">
            <!-- Main IMG to Click -->
            <div id="toggle" class="wow fadeInUp">
                <img src="..."/>
            </div>

            <!-- Slides Open -->
            <div id="show-images">
                <div>
                    <img class="wow fadeInUp" src="..."/>
                </div>
                <div>
                    <img class="wow fadeInUp" src="..."/>
                </div>
                <div>
                    <img class="wow fadeInUp" src="..."/>
                </div>
            </div>  
  </div>   

---

您无法在css中设置

显示

属性的动画->切换时，“display:none；”将应用于显示的整个div。我希望将滑动效果应用于其中的图像。动画仅适用于第一个图像，而不适用于其他图像。。。