jQuery slideup影响div的上半部分

Question

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

较暗和较浅紫色区域之间的白色空间是在它向上滑动时产生的（这是我能给出的最佳解释）。它只应该朝着较暗的紫色区域滑动，而不是在它下方创建一个空白区域。

$(document).ready(function(){

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

    });

});

应该向上滑动的“浅紫色区域”，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>

注意：无论我在这两个街区内有什么。

Answer 1

这实际上有效：

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

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

你的包装部分是指在没有时显示它。

关于你的空白问题：

在.QuickWrap

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

Answer 2

我设法解决了这个问题。由于负余量.QuickWrap的影响，它表现得如此奇怪。当我把它移到#HeadOverlay时，它就像一个魅力。