當勾選複選框時顯示一個div

Question

有沒有一種方法可以讓div在顯示狀態下將它下面的內容推送到它。目前發生的事情是，當我勾選複選框時，textarea覆蓋提交按鈕，從而隱藏它。有沒有辦法讓textarea可以按下按鈕？我已經把我的代碼在這裏：

http://jsfiddle.net/JUcye/

，我認爲，如果你嘗試，你會明白我的意思。此外，控制div顯示速度的方法是什麼。非常感謝

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

Answer 2

只需設置顯示使用jQuery.height（），