Question

当我使用display:none到div并使用JQuery的slidedown函数来滑动div然后它可以工作但是div会分散在display：none上，而不是当我{{{ 1}}到div然后其他div不散布，但JQuery不起作用。

Visibilty:none

Answer 1

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

相反，请尝试在opacity 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在display:none完成后，属性会向元素添加display:block和animation。因此，最好使用display属性而不是visibility。

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

3 个答案: