Publicado em 13 de ago.

[Resolvido] Exibir/Ocultar uma div

Prezados, boa tarde;

Desculpe minha falta de conhecimento, procurei na WEB mas não achei nada que me ajudasse.

Tenho essa função que é chamado usando um a href

function fDetalhes(vVal){
$('#fDet'+vVal).show();
$('#fDet'+vVal).load('/paratodos/consultas/detalhesentidade.asp?codEnt='+vVal);
}

A função exibe a div e depois carrega dados usando o load. A div contém um class='hidden'.

Eu gostaria de ajuda para duas coisas.

1 - Como posso ocultar a div caso seja clicado no mesmo link ?

2 - Ao ocultar a div não precisaria mais carregar os dados. E caso exiba novamente também não.

Ou seja, ocultar e exibir a div e carregar os dados usando o load apenas na primeira exibição.

Me dá uma força ?

Obrigado amigos.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

dataset· 14 de ago.

Eu mudei um pouco o código:

Ficou assim:

function fDetalhes(vVal){
$('#fDet'+vVal).load('/paratodos/consultas/detalhesentidade.asp?codEnt='+vVal, function() {
	$('#fDet'+vVal).toggle('slow');
});
}

Usei o toggle, ele faz automático o processo de exibir e ocultar.

Eu precisava agora saber o estado da div, pra não precisar chamar o arquivo detalhesentidade.asp.

Não seria interessante o usuário clicar para exibir e ocultar e toda hora fazer a consulta no banco e realimentar a div com o .load

Apenas na primeira vez é necessário consultar.

Como eu faço esse controle ?

Valeu.

dataset· 14 de ago.

Acho que consegui.

O código ficou assim:

function fDetalhes(vVal){
 if ($('#fDet'+vVal).html() == '') {
 $('#fDet'+vVal).load('/paratodos/consultas/detalhesentidade.asp?codEnt='+vVal, function() {
 $('#fDet'+vVal).toggle('slow');
 });
 }
 else{
 $('#fDet'+vVal).toggle('slow');
 }
}

Se tiver uma forma mais simples de resolver e alguém quiser me ajudar pra ficar mais otimizado, eu agradecerei.

Obrigado.