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

时间:2012-09-21 12:17:56

标签: jquery jquery-animate

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

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

谢谢,戴夫

1 个答案:

答案 0 :(得分:0)

而不是使用.animate()在你的之间放置另一个div而不是margin属性:

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

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

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