Java/JSP QnA

<tr class="Title">
<td class="first">1</td>
<td class="first">회원</td>
<td class="title first">제목1</td>
</tr>
<tr class="Answer">
<td colspan="3">ㅋㅋㅋㅋㅋㅋㅋㅋㅋ</td>
</tr>
<tr class="Title">
<td class="first">2</td>
<td class="first">회원</td>
<td class="title first">제목2</td>
</tr>
<tr class="Answer">
<td colspan="3">ㅋㅋ2</td>
</tr>


$(document).ready(function(){


$("tr.Answer").hide();

$("tr.Title").click(function() {
$("tr.Answer").hide();
$(this).next().show();

});
});



1 클릭하면 ㅋㅋㅋㅋ 나오고 2 클릭하면 ㅋㅋ2 나오게 구현했습니다..




근데... 저 레이어에 따라서..

저코드를 감싸고 있는 전체 div가 있는게.. 그 사이즈를 같이 늘어나게 해야할꺼 같습니다


어떻게 해줘야 할찌..... 감이 안잡히는데..


$("tr.Title").click(function() {


가 클릭시 해당 tr answer의 길이를 읽어와서


저 모든 코드를 감싸고있는 div 사이즈를 교체해주는 방법이있을꺼 같은데

어떻게 tr answer의 사이즈를 읽어오는지..방법좀 부탁 드리겠습니다. ㅠㅠ