Cargar contenido con ajax de jQuery con varias direciones

alexloving · #1 (**permalink**) 08/08/2014, 17:03

Deseo abrir de forma dinamica desde un enlase a varias direcciones, pero no logro meter la variable dentro de la funcion.
<a id="boton_cargar_anim" href="javascript:direccion('archivo1.php');">Inicio</a>
<a id="boton_cargar_anim" href="javascript:direccion('archivo2.php');">Inicio</a>
<a id="boton_cargar_anim" href="javascript:direccion('archivo3.php');">Inicio</a>
Espero me puedan ayudar, muchas gracias. He intentrado esto pero no me funciona;

Código Javascript:

Ver original$(document).ready(function(){
$('#boton_cargar_anim').click(function direccion(url) {
var url=''+url+'';
    $.ajax({
        url: url,
            success: function(data) {
                $('#div_dinamico_anim').html(data);
                $('#div_dinamico_anim div').slideDown(1000);
            }
        });
    });
    
});

Aqui les dejo mi codigo completo sin modificar (index.php):

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cargando contenido dinamico con la funcion ajax de jQuery</title>
<script type="text/javascript" src="http://www.actualidadjquery.es/ejemplos/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#boton_cargar_anim').click(function() {
    $.ajax({
        url: 'archivo.php',
            success: function(data) {
                $('#div_dinamico_anim').html(data);
                $('#div_dinamico_anim div').slideDown(1000);
            }
        });
    });
    
});
</script>
 
</head>
<body>
<a id="boton_cargar_anim" href="javascript:function();">Inicio</a>
<div id="div_dinamico_anim"></div>
</body>
</html>

archivo.php:

Código HTML:

Ver original<div style="display:none;">
Este es un contenido dinámico cargando vía AJAX<br />
Este es un contenido dinámico cargando vía AJAX<br />
Este es un contenido dinámico cargando vía AJAX<br />
Este es un contenido dinámico cargando vía AJAX<br />
Este es un contenido dinámico cargando vía AJAX<br />
Este es un contenido dinámico cargando vía AJAX<br />
Este es un contenido dinámico cargando vía AJAX<br />
Este es un contenido dinámico cargando vía AJAX
</div>