Показать скрытую таблицу при нажатии на ссылку

Question

У меня есть таблица с большим количеством записей; для одного из столбцов этих записей у меня есть ссылка, которая должна открыть другую таблицу на той же странице, где была ссылка, под основной таблицей. Но этого никогда не происходит. У меня всегда есть заголовок для второй таблицы (которая должна появляться только при обращении к ссылке) ниже основной таблицы. Кто-нибудь знает, что я должен попробовать? Спасибо за любой совет!

1) client.tag

.....
<div class="client">
<div>${client.Name}</div>
<div>${client.residency}</div>
<div><tags:link ref="/clients/${client.id}/orders" text="View Orders" onclick="toggleAppearance();" /></div>

2) list. jsp

<script>
   function toggleAppearance()
{
     var dataDiv = document.getElementById("data-table");
     if(dataDiv.style.visibility == "hidden")
     {
          dataDiv.style.visibility = "visible";
     }
     else
     {
          dataDiv.style.visibility = "hidden";
     }
} 
</script>

........ ..

<div align="center" id="data-table" style="visibility: hidden">
<table>
        <tr>
            <th>ID of order</th>
            <th>Date of order</th>
            <th>Number Of Products</th>
       </tr>

3) link.tag

<%@attribute name="onclick" required="false" type="java.lang.String" %>

<a href="<c:url value="${ref}" />">${text}</a>