Lo que quiero lograr es mediante js
- jquery
y/o ajax
generar un switch
parecido al de PHP
mediante botones en <nav
.
Es decir:
$(document).ready(function(){
$(".click").click(function(){
$("#box").load("/file.php");
});
});
<div id="box">
</div>
<a href="#" class="click">Cargar</a>
Esto cargaría file.php en elemento con id #box
al hacer click en elemento con clase .click
Lo que quiero lograr:
<a href="#" onclick="loadFiles()" id="1"></a>
<a href="#" onclick="loadFiles()" id="2"></a>
<a href="#" onclick="loadFiles()" id="3"></a>
<div id="contenido-dinamico"></div>
Cuando onclick="loadFiles"
se ejecute, cargue X archivo según el id="file(numero)"
Pero con la condición de que cuando se cargue 1, el 2 y el 3 no se muestren.
¿Es esto posible?