cargar contenido sin cargar pagina desde el menu un menu
y me gustaria
que cada vez que le hago click a un submenu me cargue el contenido a su derecha sin cargar la pagina
asi como muestro en la imagen
gracias
<html>
<head>
<script type="text/javascript">
function desplegar(que) {
tag = document.getElementById(que);
tag.style.display = (tag.style.display == "none") ? "block" : "none";
}
</script>
</head>
<body>
<div onclick="desplegar('tabla1')">Desplegable 1</div>
<table id="tabla1" style="display: none">
<tr><td>elemento1</td></tr>
<tr><td>elemento2</td></tr>
<tr><td>elemento3</td></tr>
<tr><td>elemento4</td></tr>
<tr><td>elemento5</td></tr>
</tr>
</table>
<div onclick="desplegar('tabla2')" >Desplegable 2</div>
<table id="tabla2" style="display: none;">
<tr><td>elemento1</td></tr>
<tr><td>elemento2</td></tr>
<tr><td>elemento3</td></tr>
<tr><td>elemento4</td></tr>
<tr><td>elemento5</td></tr>
</table>
</body>
</html>
