javascript - 在网格之间切换问题

Question

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

.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>

在java脚本中，我尝试过相应地制作样式“”或无。当我按下按钮时将调用板功能，侧按钮就像

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

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

另一个网格将被称为 llike this

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

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

Answer 1

对于切换，您可以像这样使用。

这是 jsfiddle 中的一个 jquery 示例

提琴手

$(thing).toggle();

用于切换。