Hola muy buenas a todos espero me podais ayudar con un problemilla
tengo el siguiente codigo en el que el primer boton me funciona pero el otro no me funciona:
Código:
<div id="page1">
<div id="link" class="5" >pulsame 10</div>
<div id="link" class="10" >pulsame 10</div>
</div>
<div id="page2"></div>
Código:
$(document).ready(function() {
$('#link').click(function(e){
e.preventDefault();
the_class = $(this).attr('class');
$.ajax({
url: 'page2.php',
type: 'POST',
data: {data:the_class},
success: function(data){
$('#page1').fadeOut('fast');
$('#page2').fadeIn('fast');
$('#page2').html(data);
},
error:function(){alert("error");}
});
});
});
Código:
<?php
$pagina = $_POST['data'];
echo 'Has pulsado el numero '.$pagina;
?>
en el class tengo unos numeros que se envian a un archivo php y oculta la pagina uno y enseña la dos con la consulta el problema es que funciona con el primer div pero no con el segundo alguna idea.
Gracias de antemano.