Переключить вопрос между сетками

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 я попытался сделать стили "" или нет соответственно. Функция доски будет вызываться, когда я нажимаю кнопку, боковые кнопки будут похожи

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

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

Другая сетка будет называться вот так

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

Но для меня при начальной загрузке страницы показывается только доска. Но когда я нажимаю кнопку переключения, на ней отображаются и доска, и список. Любая ошибка с моим кодом?

Answer 1

Для переключения можно использовать вот так.

Вот пример jquery в jsfiddle

JsFiddle

$(thing).toggle();

Используется для переключения.