Previous dot 2


#1



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


Please help,
I have looked at all the hints and can't see the problem, Oops, try again. Remember to remove '.active-dot' from the current dot.


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

$(document).ready(main);


#2

@whitetiger1500,

Have a close look at

var nextDot = nextDot.next();

and

.arrow-dot

and

active-Dot