jquery - 选中复选框时显示div

有没有一种方法可以使div在处于show状态时将其下的内容推入其中。目前正在发生的事情是，当我勾选复选框时，文本区域将覆盖“提交”按钮，从而将其隐藏。有没有办法让textarea按下按钮？我将代码放在这里：

http://jsfiddle.net/JUcye/

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

最佳答案

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

.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
  }
});