可见性问题：隐藏在jQuery slidedown（）函数中

Question

当我使用display:none到div并使用JQuery的slidedown函数滑动div时，它可以工作，但是div分散在display：none上，而不是当我是Visibilty:none到div时，其他divs不会分散，但JQuery不起作用。

#slider {
    overflow:hidden;
    position:relative;
}
.form-notice {
    display:none;
    float:left;
    width:24.3%;
}

Answer 1

display: none; 将元素从文档流中移出，因此它不会在页面上保留任何块级定位。 visibility: hidden; 只是使元素不可见，但它仍占据页面上的相同空间。 内置的.slideDown()方法（以及.slideUp()和.slideToggle() ）都使用display:none 。

相反，请尝试在不透明度css属性上使用.animate()方法，并可能在其上链接一个.css()方法以使其具有visibility: hidden; 作为旧版浏览器的备份。

Answer 2

一个直接的解决方案可以是：首先向您的滑块类添加margin-left

 .slider {
     float: left;
    margin-top: 0;
    width: 47.3%;
    margin-left: 329px;
    }

并在此功能内将其设置为自动 ：

$("#request").click(function(){
      $(".form-notice").slideDown();
      $(".slider").css("margin-left","auto");
 });

Answer 3

display:none和visibility:none之间的区别在于， display:none不会填充您放置div的位置，而visibility:none占据该位置，并且slide属性在animation后向元素添加display:none和display:block完成了。 因此，最好使用display属性代替visibility 。