그리드 간 전환 토글

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> 

자바 스크립트에서 필자는 스타일을 "또는"만들지 않았습니까? 나는 버튼 을 누르면 보드 기능이 사이드 버튼 (L)가 다른 그리드이

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

llike하지만 나를 위해 호출됩니다

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

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

처럼 호출 될 페이지의 초기 로딩이 보여 널 혼자서. 하지만 토글 버튼을 누르면 보드와리스트가 모두 표시됩니다. 내 코드에 실수가 있습니까?

Answer 1

토글 링의 경우 이와 같이 사용할 수 있습니다. 여기

토글 사용된다

jsfiddle JsFiddle

$(thing).toggle(); 

JQuery와의 샘플이다.