Esto se hace con javascript (por lo que no servirá si está desactivado, lo que haremos es que en caso de estar desactivado se muestren ambos divs y que cada link te lleve a ellos):
Primero vamos a crear las siguientes funciones (las cuales debes meter dentro de un tag script en el head:
Código:
function aparecer(id) {
var d = document.getElementById(id);
d.style.display = "block";
d.style.visibility = "visible";
}
function ocultar(id) {
var d = document.getElementById(id);
d.style.display = "none";
d.style.visibility = "hidden";
}
window.onload = function () {
//Al cargar la página se oculta el div de consulta
ocultar("capaConsultar");
}
Y tu tabla con los links queda así:
Código HTML:
<table>
<tr>
<td scope="col">
<div align="center">
<a href="#capaIngreso" onclick="ocular('capaIngreso');aparecer('capaConsultar');">Ingreso</a> -
<a href="#capaConsultar" onclick="ocular('capaConsultar');aparecer('capaIngreso');">Consulta</a> -
</div>
</td>
</tr>
</table> Avisame si te funcionó porque no lo probé.