Skip to main content
2 de 4
added 1797 characters in body
LeandroCSA
  • 59
  • 1
  • 10

Como dar um FadeIn apenas no Item clicado

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, mas 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!

LeandroCSA
  • 59
  • 1
  • 10