Skip to main content
adicionou 19 caracteres ao conteúdo
Fonte Link
abfurlan
  • 10,7mil
  • 2
  • 23
  • 48

Você está utilizando id que é um identificador único e somente o primeiro elemento encontrado no documento é selecionado, tente mudar para classe, exemplo:

$(document).ready(function(){
    $(".flip").click(function(){
        $(this).next(".panel").slideToggle("slow");
    });
});
.flip{
  background-color:red;
  cursor:pointer;
}
.panel{
  background-color:blue;
  display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="flip"><table><td>Maria</td></table></div>
<div class="panel"><table><td>1.000</td></table></div>

<div class="flip"><table><td>José</td></table></div>
<div class="panel"><table><td>2.000</td></table></div>

Você está utilizando id que é um identificador único e somente o primeiro elemento encontrado no documento é selecionado, tente mudar para classe, exemplo:

$(document).ready(function(){
    $(".flip").click(function(){
        $(this).next(".panel").slideToggle("slow");
    });
});
.flip{
  background-color:red;
  cursor:pointer;
}
.panel{
  background-color:blue;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="flip"><table><td>Maria</td></table></div>
<div class="panel"><table><td>1.000</td></table></div>

<div class="flip"><table><td>José</td></table></div>
<div class="panel"><table><td>2.000</td></table></div>

Você está utilizando id que é um identificador único e somente o primeiro elemento encontrado no documento é selecionado, tente mudar para classe, exemplo:

$(document).ready(function(){
    $(".flip").click(function(){
        $(this).next(".panel").slideToggle("slow");
    });
});
.flip{
  background-color:red;
  cursor:pointer;
}
.panel{
  background-color:blue;
  display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="flip"><table><td>Maria</td></table></div>
<div class="panel"><table><td>1.000</td></table></div>

<div class="flip"><table><td>José</td></table></div>
<div class="panel"><table><td>2.000</td></table></div>

Fonte Link
abfurlan
  • 10,7mil
  • 2
  • 23
  • 48

Você está utilizando id que é um identificador único e somente o primeiro elemento encontrado no documento é selecionado, tente mudar para classe, exemplo:

$(document).ready(function(){
    $(".flip").click(function(){
        $(this).next(".panel").slideToggle("slow");
    });
});
.flip{
  background-color:red;
  cursor:pointer;
}
.panel{
  background-color:blue;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="flip"><table><td>Maria</td></table></div>
<div class="panel"><table><td>1.000</td></table></div>

<div class="flip"><table><td>José</td></table></div>
<div class="panel"><table><td>2.000</td></table></div>