制作显示标签隐藏

Question

两个displaytags是givn ..我怎么能显示displaytag 2下面displaytag 1点击showdeg 1 showdegils 1？最初displaytag 2应该隐藏....我必须使用JavaScript？

displaytag 1

<display:table name="List" export="true" class="displaytag" sort="list" > 
       <display:setProperty name="basic.empty.showtable" value="true" /> 
       <display:setProperty name="basic.msg.empty_list" value="-" ></display:setProperty> 
       <display:column property="occid" title="ID" ></display:column> 
       <display:column property="firstName" title="First Name" ></display:column> 
       <display:column property="lastName" title="Last Name" ></display:column> 
       <display:column property="sonOf" title="Father's Name" ></display:column> 
       <display:column property="district" title="District" ></display:column> 
       <display:column property="village" title="Village" ></display:column> 
       <display:column href="" title="Acceptance Form"> 
        <a href="">Show Details</a> 
       </display:column> 
       <display:column href="" title="Agreement Form"> 
        <a href="">Show Details</a> 
       </display:column> 
      </display:table> 

displaytag 2

<display:table name="List1" export="true" class="displaytag" id="reservationlist" sort="list" > 
       <display:setProperty name="basic.empty.showtable" value="true" /> 

       <display:column property="resid" title="Reservation ID" ></display:column> 
       <display:column property="date" title="Date" ></display:column> 
       <display:column property="weight" title="Weight" ></display:column> 
       <display:column property="bags" title="Bags" ></display:column> 
       <display:column property="amount" title="Amount" ></display:column> 
       <display:column property="advance" title="Advance" ></display:column> 

      </display:table> 

Answer 1

可以使用JQuery并调用以下命令：

$("[name=List1]").show(); 

或

$("#reservationlist").show(); 

UPDATE

如果你用你能做到的javascript：

document.getElementById("reservationlist").style.display="block"; 

UPDATE2 要隐藏表，你可以使用

$("#reservationlist").hide(); 

或

document.getElementById("reservationlist").style.display="none";