勾选复选框时显示div

Question

当它处于显示状态时，是否有一种方法可以对其下方的内容进行div推送。目前正在发生的事情是，当我勾选复选框时，textarea会覆盖提交按钮，从而隐藏它。有没有办法让textarea按下按钮？我把我的代码放在这里：

http://jsfiddle.net/JUcye/

我认为，如果你尝试它，你会明白我的意思。另外，控制div显示速度的方法是什么。非常感谢

Answer 1

在使用jQuery.height（）显示textarea之后设置'fb-input-right-conradio'高度，

Answer 2

将以下规则添加到样式表中：

.contactmessage {
  float: left;
}

要让你的div渐渐消失，请更改

$('input[name="messagetick"]').click(function() {
  $('.contactmessage').toggle(this.checked);
}); 

到

$('input[name="messagetick"]').click(function() {
  if ($(this).is(':checked')) {
    $('.contactmessage').fadeIn(250); // fade in over 250 miliseconds
  } else {
    $('.contactmessage').fadeOut(250); // fade out over 250 miliseconds
  }
});