Javascript 是不是；显示：无&引用；忽略div'；视口的位置？

在我的网站上，我有一个slideToggle div，其中包含一些图像，非常大。当这个div打开时，我需要图像在进入视口时一个一个地滑动

在我的代码中，div打开，但是图像同时滑入（就像它们是单个块一样）

但是，如果我从slideToggle div中删除

“display:none；”“

，并将其作为一个打开的起点，那么脚本就可以完美地工作

我想知道

“display:none；”

是否会以某种方式忽略div在视口中的位置

---

这是我正在使用的幻灯片切换脚本（如果有帮助的话）：

更改CSS删除

显示：无
在
中显示图像
：


/*Panel that slides open*/
#show-images
{

    color: #FFF;
    padding: 0;
    width: 150px;

}

并添加此代码（因为要隐藏的只是图像）

更改JS添加
#显示图像img

$(function()
  {
     $("a#toggle").click(function()
          {
           $("#show-images img").slideToggle(800);
           $("#toggle").toggleClass("fade");
            return false;
            });
  });

而不是

display: none;

使用

这是因为display:none将从文档中删除整个dom元素。而visibility:hidden只会隐藏dom元素。在这种情况下，如果不想更改视口隐藏，请使用“可见性”属性

请参阅此以了解更多详细信息

希望这有帮助
 我认为这应该回答你的问题-请你的问题包括所有需要的代码来重现你所看到的问题（an）。可以使用来执行此操作。
display:none
从文档流中删除元素，包括大小和位置的计算。
display: none;

 visibility: hidden;