jquery - 勾选复选框时显示一个 div

Question

有没有一种方法可以让 div 在显示状态下推送其下方的内容。目前正在发生的事情是，当我勾选复选框时，文本区域覆盖了提交按钮，从而隐藏了它。有没有办法让文本区域可以按下按钮？我把我的代码放在这里:

http://jsfiddle.net/JUcye/

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

Answer 1

将以下规则添加到您的样式表中:

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