[Resolvido] Exibir/Ocultar uma div

[dataset 0]

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.

[dataset 0]

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 0]

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.