Previous dot 2


#1


https://www.codecademy.com/ko/courses/web-beginner-en-seyrq/0/11?content_from=make-an-interactive-website%3Ajquery-effects

My error: Oops, try again. Remember to add '.active-dot' to the previous dot.


My code:

var main = function(){
    $(".dropdown-toggle").click(function(){
        $(".dropdown-menu").toggle();    
    });
    
    $('.arrow-next').click(function() {
        var currentSlide = $('.active-slide');
        var nextSlide = currentSlide.next();
        if(nextSlide.length == 0){
            nextSlide = $(".slide").first();
        }
        currentSlide.fadeOut(600).removeClass('active-slide');
        nextSlide.fadeIn(600).addClass('active-slide');
        
        var currentDot = $(".active-dot");
        var nextDot = currentDot.next();
        if(nextDot == 0){
            nextDot = $(".dot").first();
        }
        $(currentDot).removeClass("active-dot");
        $(nextDot).addClass("active-dot");
    });
    
    $(".arrow-prev").click(function(){
        var currentSlide = $(".active-slide");
        var prevSlide = currentSlide.prev();
        if(prevSlide.length == 0){
            prevSlide = $(".slide").last();
            prevDot = $(".dot").last();
        }
        currentSlide.fadeOut(600).removeClass("active-slide");
        prevSlide.fadeIn(600).addClass("active-slide");
        
        var currentDot = $('.active-dot');
        var prevDot = currentDot.prev();
        currentDot.removeClass('active-dot');
        prevDot.addClass('active-dot');
    });
}

$(document).ready(main);


#2

Hi Eriasu,

Put all of your vars at the beginning of the click event listener, and your code should work :slight_smile: