jquery - 滑动期间如何保持div的边距？

<button id="btnHome">HOME</button>
<div id="gall"></div>

的CSS

#gall{
    margin-top:25px;
    height:70px;
    border:thin solid red;
}

JS

$("#btnHome").click(function() {
    $('#gall').slideToggle("slow");
});

On this fiddle您可以看到slideDownDown期间#gall的上边距从0到25px，反之亦然。
我希望#gall保持其25px的边距-仅滑动保持此边距值即可。

最佳答案

首先，在您的!important中输入margin-top，如下所示：

#gall{
  margin-top:25px !important;
  height:70px;
  border:thin solid red;
}

其次，jQuery slideToggle()可以通过更改高度来隐藏和显示元素，并且谁知道jquery是否添加其他css属性，解决方案是使自己的动画如下：

$("#btnHome").click(function() {
    $('#gall').animate({height:'toggle'},"slow");
});

祝好运