Roue de texte en Jquery

stalker069
Javascript

Bonjour,
Je viens vers vous suite à un probleme de Jquery.
J'ai la difficulté suivante:

  • quand je click sur l'ajout ou la soustraction d'une année je veux que le texte défile vers le ou vers le bas en fonction du click
    Sauf que si l'utilisateur spam click j'ai un vieux effet pas beau (je sais pas comment le contrer)
    De plus j'ai remarqué qu'on moment de la soustraction jai mon texte qui saute de temps à autre.

Voici mon code https://jsfiddle.net/stalker069/r43p6274/1/

Merci pour votre aide car je bloque totalement sur ces 2 problemes

3 réponses

Jbz797 
// Ajouter une année
var stop = false;
$('.year .triangle_add').click(function () {
        if(!stop) {
            stop = true;
            var height = $('.span_year').height();
            var year = parseInt($('.span_year').html());
            year++;
            $(".span_year[data-pos='1']").addClass('delete');
            $(".title_periods_select").append('<span class="span_year" data-pos="2"></span>');
            $(".span_year[data-pos='2']").text(year);
            $(".span_year").animate({
                    top: "-=" + height
                }, 1000, function () {
                    $(".delete").remove();
                    $(".span_year[data-pos='2']").attr('data-pos', 1);
                    $(".span_year[data-pos='1']").css('top', "0px");
                    stop = false;
                });
        }
    });
stalker069
Auteur

Merci ça marche nikel mais apr contre pour la soustraction j'ai toujours le text qui disparait pour réaparaitre grace au top:0px une idée?

stalker069
Auteur

Personne n'a une idée?