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?