Estou tentando fazer o seguinte:
Tenho um looping vindo do banco de dados.
Quando clico em um botão de um dos resultados, queria fazer aparecer uma div em fadeIn.
Acontece que quando clico em um, a div aparece em todos.
Como faço para que ao clica na primeira div, por exemplo, apareça apenas nesta div e não em todas?
ATUALIZAÇÃO
Vamos ao código HTML, esta um pouco bagunçado:
<div class="bloco_white_middle shadow user">
<div class="bl_conf_user j_conf">
<p class="block_username">
Excluir o Usuário(a) <b>Leandro?</b>
</p>
<div class="block_buttons">
<a href="usuario_listar.php?acao=excluir&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;">
<div class="icon-ok"></div>Sim
</a>
<a href="usuario_listar.php" title="Excluir Usuário" class="btn_middle_icon btn_excluir" id="btn_no">
<div class="icon-remove"></div>Não
</a>
</div>
</div>
<strong>Nome:</strong> <em>Leandro</em>
<p style="margin-top:6px;">
<strong>Data registro:</strong> <em>10/05/2013</em>
</p>
<p style="margin-top:6px;">
<strong>Último acesso:</strong> <em>12/12/2013</em>
</p>
<p style="margin-top:6px;">
<strong>Acesso:</strong><em>Usuário</em>
</p>
<a href="usuario_listar.php?acao=desativar&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;">
<div class="icon-ok"></div>Ativo
</a>';
<a href="usuario_listar.php?acao=excluir&id=1" title="Excluir Usuário" class="btn_middle_icon btn_excluir" style="margin-right:10px;" id="btn_exc">
<div class="icon-trash"></div>Excluir
</a>
</div>
Depois, tem o código jquery:
<script type="text/javascript">
$(document).ready(function(){
$('.j_conf').hide();
$('#btn_exc').live('click', function() {
$('.j_conf').fadeIn("slow");
return false;
});
$('#btn_no').live('click', function() {
$('.j_conf').fadeOut("slow");
return false;
});
});
</script>
Na verdade, estou tentando fazer uma confirmação para excluir ou não um usuário!