隐藏显示 div + tr 无法正常工作解决方法

想同时控制一个table中的几行(及tr标签)
发现使用div + tr 时候，没法隐藏。

<div style='display:none' id="advancedQueryDiv" name="advancedQueryDiv">
	<tr>
	    <td>查询1:</td>
		<td colspan=4>
		   <input type="text" name="keyword" value="" size=50>	
        </td>
	</tr>
	<tr>
		<td>查询2:</td>
		<td colspan=4>
			<input type="text" name="keyword" value="" size=50>	
        </td>
	</tr>
</div>

发现没有预想的结果，上网查询后发现可以通过tbody来解决

<tbody style='display:none' id="advancedQueryDiv" name="advancedQueryDiv">
	<tr>
	    <td>查询1:</td>
		<td colspan=4>
		   <input type="text" name="keyword" value="" size=50>	
        </td>
	</tr>
	<tr>
		<td>查询2:</td>
		<td colspan=4>
			<input type="text" name="keyword" value="" size=50>	
        </td>
	</tr>
</tbody>

js脚本不变

	function advancedQueryBtn(btn){
		var display = document.getElementById("advancedQueryDiv").style.display;
		if(display == ""){
			btn.value = '展开高级查询'
			document.getElementById("advancedQueryDiv").style.display = "none";
		}else{
			btn.value = '关闭高级查询'
			document.getElementById("advancedQueryDiv").style.display = "";
		}
	}