jquery - 单击选项卡时的 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 变为事件状态，底部的 div 向下移动。我可以用一些动画来做这个移动吗？我有

Answer 1

如果您尝试使容器适应内容高度并且您正在使用 jquery 来触发您的选项卡内容并显示和隐藏您可以这样做:

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

例如，它会调整容器的高度并相应地以 300 毫秒的动画插入底部。