Tenho uma tabela que lista os clientes de uma empresa. O usuário seleciona o cliente que deseja através dos links em cada . Ao clicar os dados da tabela alimentam os inputs do formulário. Só que agora eu desejo esconder a tabela, visto que o usuário já selecionou o registro que gostaria.
A tabela eu listo assim:
<table class="table" id="tabelaCliente">
<tbody>
<tr>
<th>
<i>
Cliente
</i>
</th>
<th>
<i>
Telefone
</i>
</th>
</tr>
<?php
foreach ($query as $linha) {
?>
<tr>
<td id="<?php echo $linha->id ?>"> <a href=""><?php echo $linha->nome ?></a></td>
<td><?php echo $linha->telefone . ' ou ' . $linha->celular ?></td>
</tr>
<?php
}
?>
</tbody>
</table>
Para alimentar os inputs do form eu uso AJAX:
$(document).on("click","#tabelaCliente td a",function(e){
e.preventDefault()
var id_cliente = $(this).parent().attr("id");
$('#nome').val($(this).text());
// para ocultar eu faço
$('#tabelaCliente').hide('slow');
// já tentei isso também
// document.getElementById('tabelaCliente').style.display = "block";
});
Meu problema está em ocultar a table, não vai... Alguém sabe como fazer?