我想使用 jQuery 来使高度变化动画化(当我隐藏/显示 div 时)。我在 SO 上找到了一些示例,但我无法使它们工作。
假设我有一个包含一些 div 的容器。
HTML:
jQuery:
假设我有一个包含一些 div 的容器。
HTML:
<div class="container">
<div class="first">Show first div</div>
<div class="second">Show second div</div>
<div class="item1">
Some text
</div>
<div class="item2">
Some multiline<br />text
</div>
</div>
jQuery:
$('.first').on('click',function(){
$('.item2').hide();
$('.item1').show();
});
$('.second').on('click',function(){
$('.item1').hide();
$('.item2').show();
});
这段代码的意思是:当我点击 .first div时,显示 .item1 div;当我点击 .second div时,显示 .item2 div。这些div的高度不同,这意味着在隐藏/显示divs时容器的大小会发生变化。如何在不知道任何div大小的情况下动画实现高度变化?ps.如果有CSS解决方案,那就更好了。但我认为仅凭CSS是不可能实现的。