在网格之间切换问题

Question

我有两个jqgrids。一次只能看到一个。为此，我试着像这样切换。只有一个时间应该显示一个网格。对于电路板网格，它工作正常。但是对于列表网格，两个网格都会显示出来。

.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脚本中，我尝试过相应的样式“”或者没有。按下按钮时将调用Board功能 侧面按钮就像

<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示例

JsFiddle

$(thing).toggle();

用于切换。