单击选项卡时Div动画

Question

我需要在激活标签时为div设置动画。我有这个

<div class="top">
  <div class="tab_buttons"></div>
</div>

<div class="tabs_container">
  tabs content
</div>

<div class="bottom"></div>

在顶部div我有标签按钮，当我点击其中一个时，第二个div是hiddent变为活动状态，底部div向下移动。我可以用一些动画做这个动作吗？我有

Answer 1

如果您尝试将容器调整为内容高度，并且您使用jquery触发选项卡内容并显示和隐藏，则可以执行以下操作：

$('.tabcontent1').slideUp(300);
$('.tabcontent2').slideDown(300);

例如

它将调整容器的高度并相应地推动底部部分，动画为300毫秒。