Oi Marcos Regis!
Captei o que você falou, mas é justamente nestas coisas que estou com dúvida, já tinha imaginado que era mais ou menos assim, só não sei o que usar exatamente, vou explicando abaixo na ordem que você falou:
1) Todos os botões e divs estão com seus ids únicos. As divs inicialmente já estão criadas, o que faço é carregar a galeria de fotos para dentro delas, mas como eu faria para saber se já carreguei e também para descarregar, quando fosse exibir outra galeria em outra div? Penssei criar uma fila de cliques, para eles irem sendo executados na sua ordem, ou então dar um geito de a cada clique zerar e retirar da memória tudo que já tivesse sido feito, só não sei como.
2) Qual é a função que reatribui os estilos? Eu uso o livequery, por ele recarrega css também? Fiquei na dúvida em como fazer isto no conteúdo que veio do loading do "get".
3) Como removo o que foi feito antes de fazer de novo?
Tem um detalhe, nos dados vindo do loading, eu uso o ligthbox, para exibir as fotos, este funciona legal. O código que criei para saber de onde veio o clique e definir onde vai carregar a galeria é este:
//XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
$(".galeriax").click(function() {
if ($(this).attr("id")=='botao1'){var_imovel_numero=1;var_clicou = 'botao1';}
if ($(this).attr("id")=='botao2'){var_imovel_numero=2;var_clicou = 'botao2';}
if ($(this).attr("id")=='botao3'){var_imovel_numero=3;var_clicou = 'botao3';}
if ($(this).attr("id")=='botao4'){var_imovel_numero=4;var_clicou = 'botao4';}
if ($(this).attr("id")=='botao5'){var_imovel_numero=5;var_clicou = 'botao5';}
var_registrointerno = $("#registrointerno_"+var_imovel_numero).val();
var_id_imovel = $("#id_imovel_"+var_imovel_numero).val();
var_categoria_mesclada = $("#categoria_mesclada_"+var_imovel_numero).val();
var_tipex = $("#tipex_"+var_imovel_numero).val();
carregando= '#carregando_'+var_imovel_numero;
retorno= "#retorno_"+var_imovel_numero;
$(carregando).hide();
galeria_lightbox = "lightbox"+var_imovel_numero;
$('a[@rel*='+galeria_lightbox+']').livequery(function() {$('a[@rel*='+galeria_lightbox+']').lightBox();});
$(".galeriax").hide();$(".galeriav").hide();
// Esconder outras divs
if (retorno != "#retorno_1") {$("#retorno_1").empty().hide();};
if (retorno != "#retorno_2") {$("#retorno_2").empty().hide();};
if (retorno != "#retorno_3") {$("#retorno_3").empty().hide();};
if (retorno != "#retorno_4") {$("#retorno_4").empty().hide();};
if (retorno != "#retorno_5") {$("#retorno_5").empty().hide();};
$(carregando).ajaxStart(function(){
$(carregando).show();
$(retorno).hide();
});
$(carregando).ajaxStop(function(){
$(carregando).hide();
$(retorno).show("slow");
});
$.get("http://www.manoeljunior.com/galeria_new.php",{registrointerno: var_registrointerno, id_imovel: var_id_imovel, categoria_mesclada: var_categoria_mesclada, tipex: var_tipex, n_imovel: var_imovel_numero},
function(data) {$(retorno).empty().html(data); });
$(carregando).ajaxComplete(function(){ $(".galeriax").show(); $(".galeriav").show();$("#linka_"+var_imovel_numero).focus();});
$(carregando).ajaxError(function(){$(retorno).empty().append("<h3 style='color:#F00'>Erro ao abrir as fotos: "+var_categoria_mesclada+" "+var_registrointerno+"</h3><h4 style='color:#F00'>Tente de novo em alguns instantes</h4>"); $(".galeriax").show(); $(".galeriav").show();$("#linka_"+var_imovel_numero).focus();});
return false;
} );
//XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Mas acho que se você ver a página funcionando dá para ter uma noção melhor do que estou falando:
http://www.manoeljunior.com/test/venda_pes_res_exe.php?indicador=tudo&imovel_id=21&pagina=3
Muito obrigado pela sua ajda.
Manoel Jr.