jquery - jquery动画后如何保持div可见

Question

我正在尝试实现一个 jQuery .animate 调用来切换几个 div 的高度。其中一个 div 我想像现在一样消失，但另一个 div 我想保持可见。我怎样才能做到这一点？这是我到目前为止所拥有的：

$(document).ready(function() {
  $('#divTitle').on('click', function() {
    $('#divDetails').slideToggle('slow');
    $('#divContents').animate({marginTop:'toggle',display:'block'},'slow');
  })
});

...

谢谢，戴夫

Answer 1

而不是使用.animate()put 另一个 div 在你的之间，而不是 margin 属性：

<div id="divMargin" style="height: 10px;"></div>

然后.slideToggle()在你的函数中：

$('#divTitle').on('click', function() {
  $('#divDetails').slideToggle('slow');
  $('#divMargin').slideToggle('slow');
})