создание ярлыка отображения скрыть

Question

два дисплея показывают givn .. как я могу отображать displaytag 2 ниже displaytag 1 при нажатии на showdetails на displaytag 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";