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: <!-- language: html --> <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!