Tipo responder recado do orkut

[Ulisses José 0]

Galera...

to começando a utilizar o jquery e ja consegui fazer bastante coisa legal :)

 

Só que ainda não consegui fazer um negocio interessante...

 

Exibo uma lista com o nome e o e-mail a partir de uma consulta no banco de dados..

Gostaria de clicar no email e abrir em baixo da linha de consulta clicada uma div contendo um formulario para enviar uma mensagem para o e-mail do individuo.

 

Consegui fazer mas com dois detalhes...

 

1 - Ao clicar em um email somente ele abre a janelinha em todos os itens da lista, pois criei uma div com uma identificação unica para todos os cadastros....

 

Este eu já resolvi... dentro do meu bloco de repetição criei uma variavel ($cont), incrementando-a a cada passagem e concatenado com o id da div.. simples...

 

2 - Este ta mais complicado um pouco pois to iniciando ainda no jQuery (e não entendo nada de javascript, mas devagazinho a gente vai aprendendo, hehe). O fato é quando clico em um e-mail ele abre a div... (ótimo, é isso que eu quero), porém, ao clicar em um outro e-mail, o que acontece... ambas as divs ficam abertas!! ótimo, maravilha..

 

Bom.. pesquisei nos foruns e nos buscadores mas não consegui encontrar muita coisa não.. bom, também não pesquisei demais, pois não sei exatamente o que pesquisar!

 

Almas bondosas que puderem dar-me uma mãozinha... agradeço muito!

 

Grande abraço a todos!!

[berkowitz 2]

Mas o que você quer exatamente? ehehehe...

Quando clicar em um e-mail para abrir a DIV ele deverá fechar as outras já abertas (caso existam)?

[Ulisses José 0]

Exatamente.. só pode existir uma Div aberta de cada vez.. expressei mal o finalzinho ali.. hehe

[berkowitz 2]

Certo.

Bom... você está utilizando jQuery né?

Todas as DIVs tem um CLASS ou um NAME? Vamos supor que todas tenham um class chamado "quadro". Então você pode fazer assim (por exemplo):

 

function mostraQuadro(quadro) {
  $("DIV.quadro").each(function() {
	$(this).css("display","none");
  });

 $(quadro).css("display","block");
}

aí no seu link você faz:

<a href="java script:;" onClick="mostraQuadro(DIV_QUE_IRÁ_ABRIR);">Abre</a>

Entendeu? Vê se é o que precisa...

 

ABRAX!! ;)