Java 如何进行流体箱转换

我想当你点击单选按钮改变内容，当盒子改变高度，有一个流体过渡。我尝试过转换属性，但不起作用=/

有人能帮我吗

---

谢谢

使用jQuery的动画方法进行平滑过渡

$("main-form-show").animate({
     //you code here
});

---

以下是如何做到这一点：

获取要显示的div的高度（当它仍然处于 隐藏）

将要显示的div的高度设置为当前显示的div的高度

隐藏当前显示的div

显示新的div

将新div的高度设置为实际高度（这是在第一步中获得的）

我不相信所有浏览器都支持获取隐藏div的高度，因此以下代码是一个解决方案：

$div.css({ position: 'absolute', visibility: 'hidden', display: 'block' });
var height = $div.height();
$div.css({ position: 'static', visibility: 'visible', display: 'none' });

对于html和css，我必须调整两件事：

（1） 我为“form-show-item-3”添加了一个空div，因此每个单选按钮都有一个div。否则，代码将变得更加复杂

（2） 我添加了以下样式。否则，content div内的

元素的边距会延伸到div之外，并且高度会在动画结束时跳跃

div.dinamic-form-content {
    padding: 1px;
}

---

你有自己的代码吗？所以我们可以找出你的代码出了什么问题哦，那是你的代码！我以为这是一个演示。顺便说一句，它很有魅力！，它可以根据您的需要调整高度？当您选择另一个单选按钮时，内容会发生变化，您怎么看？盒子的高度也会改变。我想要的是流体高度变化。我尝试了过渡属性，但不起作用流体高度变化是什么意思？你想要平滑的高度转换吗？对不起，我无法在手机上查看。动画方法以速度为参数。（如我粘贴的链接所示）只需降低速度

div.dinamic-form-content {
    padding: 1px;
}