title: making display tag hide
body: <p>two displaytags are givn.. how can i display displaytag 2 below displaytag 1 when clicked on showdetails on displaytag 1 ?? initially the displaytag 2 should be hidden.... do i have to use javascript?</p>
  
  <p>displaytag 1</p>
  
  <pre><code>&lt;display:table name="List" export="true" class="displaytag"   sort="list"  &gt;
                  &lt;display:setProperty name="basic.empty.showtable" value="true" /&gt;
                  &lt;display:setProperty name="basic.msg.empty_list" value="-" &gt;&lt;/display:setProperty&gt;
                  &lt;display:column  property="occid" title="ID" &gt;&lt;/display:column&gt;
                  &lt;display:column  property="firstName" title="First Name" &gt;&lt;/display:column&gt;
                  &lt;display:column  property="lastName" title="Last Name"   &gt;&lt;/display:column&gt;
                  &lt;display:column  property="sonOf" title="Father's Name"  &gt;&lt;/display:column&gt;
                  &lt;display:column  property="district" title="District"  &gt;&lt;/display:column&gt;
                  &lt;display:column  property="village" title="Village"  &gt;&lt;/display:column&gt;
                  &lt;display:column  href="" title="Acceptance Form"&gt;
                      &lt;a href=""&gt;Show Details&lt;/a&gt;
                  &lt;/display:column&gt;
                  &lt;display:column  href="" title="Agreement Form"&gt;
                      &lt;a href=""&gt;Show Details&lt;/a&gt;
                  &lt;/display:column&gt;
              &lt;/display:table&gt;
  </code></pre>
  
  <p>displaytag 2</p>
  
  <pre><code>    &lt;display:table name="List1" export="true" class="displaytag"  id="reservationlist"  sort="list" &gt;
                  &lt;display:setProperty name="basic.empty.showtable" value="true" /&gt;
  
                  &lt;display:column  property="resid" title="Reservation ID" &gt;&lt;/display:column&gt;
                  &lt;display:column  property="date" title="Date" &gt;&lt;/display:column&gt;
                  &lt;display:column  property="weight" title="Weight"   &gt;&lt;/display:column&gt;
                  &lt;display:column  property="bags" title="Bags"  &gt;&lt;/display:column&gt;
                  &lt;display:column  property="amount" title="Amount"  &gt;&lt;/display:column&gt;
                  &lt;display:column  property="advance" title="Advance"  &gt;&lt;/display:column&gt;
  
              &lt;/display:table&gt;
  </code></pre>