Necesito que me echeis una mano.
No llevo mucho tiempo usando jquery, se algunas cosillas basicas y poco mas.
Tengo una simple funcion para cargar contenido en un div.
$("#origen").click(function() {
$.post("document.html", function(data){
$("#destino").empty();
$("#destino").append(data);
});
});
La idea es filtrar el contenido que carga y donde carga en funcion de un radio button.
La estructura es la siguiente:
<div id="menu">
<div id="filtro_1">
<input type="radio" name="header_1" id="1" > <label for="1">1</label>
<input type="radio" name="header_1" id="2" > <label for="2">2</label>
</div>
<div id="filtro_2">
<input type="radio" name="header_2" id="3" > <label for="3">3</label>
<input type="radio" name="header_2" id="4" > <label for="4">4</label>
</div>
</div>
<div id="contenido">
<div id="contenido_1">
</div>
<div id="contenido_2">
</div>
</div>
Basicamente es lo que puse arriba, tengo varios divs de origen y varios de destino y lo que quiero es usar la misma funcion y que cargue contenido en un lado o en otro en función del radio que seleccione.
No se ni si se puede hacer como pido ni si hace falta algo mas.
Gracias de antemano