Javascript 在网格之间切换问题

我有两个jqgrid。一次只能看到一个。为此，我尝试像这样切换。一次只能显示一个网格。对于board grid，它可以正常工作。但对于列表网格，两个网格都会显示

.jsp
<tr valign="top" id="message" style="display: block;" >
                    <td align="left">
                        <%@ include file="grid1.jsp" %>
                    </td>
                </tr>
<tr valign="middle" id="task" style="display: none;" >
                    <td align="left">
                        <%@ include file="grid2.jsp" %>
                    </td>
                </tr>

.jsp

在java脚本中，我尝试了相应地创建样式“”或“无”。当我按下按钮时，将调用Board函数 旁边的按钮我会喜欢的

<img src="images/board.jpg" onclick="board()"> 

board(){
document.getElementById("message").style.display = "";
document.getElementById("task").style.display = "none";
}

董事会（）{
document.getElementById（“消息”）.style.display=“”；
document.getElementById（“任务”）.style.display=“无”；
}

另一个网格将被称为

<img src="images/board.jpg" onclick="list()"> 
list(){
document.getElementById("message").style.display = "none";
document.getElementById("task").style.display = "";
}

列表（）{
document.getElementById（“消息”）.style.display=“无”；
document.getElementById（“任务”）.style.display=“”；
}

---

但对我来说，页面的初始加载显示的是单板。但当我按下切换按钮时，它会同时显示board和list。我的代码有错误吗？

用于切换的代码可以这样使用

下面是JSFIDLE中的jquery示例

---

用于切换。

为什么标记为jquery？什么是板（）{}，功能板（）{}？document.getElementById（“message”）.style.display=“block”；board（）是一种尝试隐藏/显示网格的方法。点击一个按钮调用方法板。此时，只有一个网格应该是可见的。我标记了jquery，因为我尝试了不适合我的切换方法。

$(thing).toggle();