2011-07-08 75 views
0

有没有一种方法可以让div在显示状态下将它下面的内容推送到它。目前发生的事情是,当我勾选复选框时,textarea覆盖提交按钮,从而隐藏它。有没有办法让textarea可以按下按钮?我已经把我的代码在这里:当勾选复选框时显示一个div

http://jsfiddle.net/JUcye/

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

+1

实时链接对于一个问题来说是一个很好的*附件*,但总是在问题*中发布相关的代码*。两个原因。 1.人们不应该遵循链接来帮助你。 2. StackOverflow不仅适用于您,而且适用于将来也有类似问题的其他人。外部链接可以被移动,修改,删除等。通过确保相关代码在问题中,我们确保问题(及其答案)在合理的时间段内保持有用。 –

回答

1

添加以下规则样式表的textarea后 'FB-输入右conradio' 高度:

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

淡入淡出不起作用。我更新了代码的小提琴。 http://jsfiddle.net/JUcye/23/谢谢 – bollo

+0

你的小提琴缺少一个闭幕});与文档就绪功能相关联。 –

1

只需设置显示使用jQuery.height(),

+0

可以请您扩展您的答案吗?我如何使用切换高度?谢谢 – bollo