jQuery slideup 影响 div 的上半部分

Question

每当我尝试 SlideUp() 我的 div 时，我注意到它实际上不仅从底部向上滑动到顶部，而且还有一点从顶部向下滑动到底部。现在，我不知道它是否应该像那样，但它确实令人不安，我想知道是否可以将其删除？我只希望它从底部向上滑动到顶部，div 的顶部保持不变。

深紫色和浅紫色区域之间的白色 space 是它向上滑动时正在制作的东西（这是我能给出的最好解释）。它应该只滑向深紫色区域，而不是在其下方创建白色 space。

$(document).ready(function(){

    $(".toggleLatestUp").click(function() {
        $(".QuickWrap").slideUp("slow");

    });

});

应该向上滑动的"lighter purple area"，CSS（以备不时之需）：

.QuickWrap {
        background: #F8E7FF;
        float:left;
        width: 100%;
        margin:-18px 0 0 0;
        margin-bottom:20px;
        box-shadow: inset 0px 6px 5px #B9AEBD, inset 0px -6px 5px rgba(185, 174, 189, 0.41);
        min-width: 1349px;
    }

深紫色区域，CSS：

#HeadOverlay {
    background: #9b59b6;
    height: 250px;
    width: 100%;
    margin: 0;
    bottom: 0;
    background-repeat: repeat;
    background-image: url("/templates/images/diagmonds.png");
    min-width: 1349px;
    box-shadow: 0 0 6px #000;
}

HTML:

<div id="HeadOverlay">
    text
</div>
<br style="clear:both;">
<div class="QuickWrap">
    text
</div>

注意：这 2 个街区内有什么并不重要。

Answer 1

这确实有效：

http://codepen.io/anon/pen/JGvyqz

      if ( $(".QuickWrap:first").is( ":hidden" ) ) {
          $(".QuickWrap").show( "slow" );
      } else {
          $(".QuickWrap").slideUp();
      }

您的环绕部分旨在通过在不显示时显示来向上滑动。

关于你的白色 space 问题：

在 .QuickWrap

中将您的 margin:0px 0 0 0; 替换为 margin: 0;

Answer 2

我设法解决了。由于 .QuickWrap 的负 18 保证金，它表现得很奇怪。当我将它移动到 #HeadOverlay 时，它就像一个魅力。

jQuery slideup 影响 div 的上半部分

jQuery slideup affects the upper part of the div

jquery

css

slideup