Problemas con Jquery y Php

[lalosinger]

Hola, tengo problemas con un programa que estoy haciendo.

Necesito llenar una tabla con datos de mysql

logro llenar la tabla con el siguiente codigo

Código HTML:

<table align="center"> 
    <tr>  
      <td class="titulotabla">Nombres</td>  
      <td class="titulotabla">Apellidos</td>
      <td class="titulotabla" id="titulodir">Direccion</td>
      <td class="titulotabla">Bario</td>
      <td class="titulotabla">Zona</td>
      <td class="titulotabla">Correo</td>
    </tr> 

Código PHP:

  <?php 
//si se presiona submit se realiza lo siguiente 
if(isset($_POST['submit'])) { 
     
    $nombre = $_POST['nombre']; 
    $apellido = $_POST['apellido']; 
    $zona = $_POST['zona']; 
 
    require("conexion.php"); 
    $query = "select * from contactos WHERE nombre = '$nombre' AND apellido = '$apellido' AND zona = '$zona' ";   
    $result = mysql_query($query) or die (mysql_error());  
 
    //extraccion de los datos de la consulta 
    while ($registro = mysql_fetch_array($result)){   
echo "  //muestro los datos en la tabla 
    <tr>   
      <td>".$registro['nombre']."</td>   
      <td>".$registro['apellido']."</td>   
      <td>".$registro['direccion']."</td> 
      <td>".$registro['barrio']."</td> 
      <td>".$registro['zona']."</td> 
      <td>".$registro['correo']."</td> 
 
    </tr>   
    ";   
    } 
} 
 
?>   

Código HTML:

</table> 

Esto me corre de maravilla, no tengo ningún problema.
El problema ocurre cuando agrego mi código jQuery tengo la tabla dentro de un div con CSS hago el div display:none; y con mi jQuery indico que cuando sea presionado submit se despliegue de nuevo el div donde esta mi tabla; La tabla aparece de maravilla pero sin cargar los datos que baje de mysql con php, alguna idea del problema?

[Alexis88]

Muéstranos el código JavaScript para ver en dónde está el error. Quizá estás retirando el contenido del <div> y no te has dado cuenta.

Saludos

[lalosinger]

este es mi código, donde .tabla es el div donde se encuentra la table.

Código:

$(document).ready(function() {
						   $('input[type=submit]').click(function(){
													  $(".tabla").slideDown(1000);
													  
													  return false;
													  });
						   });

[diurno10]

pusiste cualquier codigo flaco, pone donde haces la llamada a ajax

[lalosinger]

Lo siento estoy comenzando en esto de la programación y no entiendo a que te refieres con la llamada ajax?

[dAvidcA]

Hola lalosinger, que pasa si le quitas el display:none; al div?
Se supone que debería mostrar la tabla con datos traídos por el PHP, está pasando así?

[lalosinger]

Si, todo funciona perfectamente, me trae bien los datos. No los muestra cuando agrego el jQuery

[dAvidcA]

Prueba quitando la linea return false;

[lalosinger]

Pues creo que ha ayudado un poco, empieza el efecto pero se vuelve a hacer invisible la tabla. no entiendo por que?