Jquery 勾选复选框时显示div

有没有一种方法，我可以使一个div推它下面的内容时，它是在显示状态。现在发生的事情是，当我勾选复选框时，文本区域覆盖了提交按钮，从而隐藏了它。有没有办法让文本区按下按钮？我已将代码放在此处：

---

我想如果你尝试一下，你就会明白我的意思。此外，控制div显示速度的方法是什么。非常感谢

在使用jQuery.height（）显示文本区域后，只需设置“fb input right conradio”高度，

在样式表中添加以下规则：

.contactmessage {
  float: left;
}

要使您的div在一段时间内褪色，请更改

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

到

---

实时链接是问题的一个很好的附属品，但也总是在问题中发布相关代码。有两个原因。1.人们不应该通过链接来帮助你。2.StackOverflow不仅是您现在的资源，也是其他将来有类似问题的人的资源。外部链接可以被移动、修改、删除等。通过确保问题中包含相关代码，我们可以确保问题（及其答案）在合理的时间内保持有用。请详细说明您的答案？如何使用带切换的高度？谢天谢地不起作用。我已经更新了fiddle代码。谢谢你的小提琴在收尾时缺了一个}）；与文档准备功能关联。

$('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
  }
});