ขอสอบถาม jquery slidetoggle หน่อยครับ มันน่าจะง่าย แต่ผมไม่เก่ง - -"

<script type="text/javascript">
$(document).ready(function() {
			$("tr #btn_detail").click(function(){
		console.log($(this).parentsUntil('tbody').next());
		$(this).parentsUntil('tbody').next().slideToggle();
		$(this).parentsUntil('tbody').next().find('#panel').slideToggle("slow");
	});
});
</script>
<style>
#panel {
	border:solid 1px #FF0000;
	padding:5px;
	display:none;
}

#tr_inc {
border:1px solid;
	display:none;
}
</style>

<table >
<thead>
  <tr>
    <th width="11%" >รหัสนักศึกษา</th>
    <th width="27%" >ชื่อ-สกุล</th>
    <th width="35%" >สาขาวิชา</th>
    <th width="17%" >อนุมัติ</th>
    <th width="10%" >รายละเอียด</th>
  </tr>
  </thead>
  <tbody>
  <?php 
  for($i=0;$i<10;$i++){
  ?>
     <tr>
    <td ><div align="center"></div></td>
    <td ></td>
    <td ></td>
    <td ><div align="center"><label><input type="radio" name="RadioGroup1" value="1" id="RadioGroup1_0"> อนุมัติ</label><label><input type="radio" name="RadioGroup1" value="0" id="RadioGroup1_1"> ไม่อนุมัติ</label></div>
	</td>
    <td >
    <div align="center"><input name="btn_detail" id="btn_detail" type="button" value="รายละเอียด"></div>
    </td>
  </tr>
  <tr id="tr_inc"><td colspan="5">
     <div id="panel">test</div>
  </td></tr>
  <?php 
  }
  ?>
  </tbody>
</table>

$(document).ready(function() {
	$(".btn_detail").click(function(){
		var tr = $(this).parent().parent(); // ใช้ parent 2 ชั้น อันแรก เป็น td อันที่ 2 ก็จะได้ tr
		var idx = $(tr).index()+1; หา index ของ tr  และ +1 เพื่อ tr อันต่อไป ที่ เก็บข้อมูลสำหรับโชว์
		var tb = $(tr).parent(); // หา tb
		$(tb).children(idx).find('.tr_inc').slideTogle('slow'); // ทำอันเดียวก็ได้มั้งครับ panal ไม่ต้อง display: none       
		//$(tb).children(idx).find('.panel').slideTogle("slow");       
	});
});