Tenho o seguinte código:
$(document).ready(function(){
$('#cadastre-se').click(function(){
$('.icon-cracha').stop(true, true).delay(500).animate({top: "+0"},1000);
});
});
.icon-cracha{
width:100px;
height: 100px;
background-color:black;
border-radius: 100%;
position:absolute;
top:-100px;
}
button{
margin-top: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="icon-cracha"></div>
<button id="cadastre-se" name="submit" class="btn">Próximo</button>
Gostaria que esse efeito se repetisse todas as vezes que eu clicasse no botão próximo
. Pq aqui no meu projeto ele so acontece no primeiro passo do cadastro, nos demais a bolinha ja aparece direito sem efeito.