6/12


#1

I have worded my code correctly (according to the hint) and it still says I need to remove .active-dot from current-dot

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');

currentDot.removeClass('active-dot');

nextDot.addClass('active-dot');
});

$(document).ready(main);


#2

Hi , there is one-missing }

currentDot.removeClass('active-dot');

  nextDot.addClass('active-dot');
});
}

#3

-1
In your arrow-next =click= Eventhandler
you are using variables currentDot and nextDot which you have NOT defined....

currentDot.removeClass('active-dot');
nextDot.addClass('active-dot');

-2
You are missing 1 closing-curly-bracket-}
with which you have to close the =main= function-body.

var main = function() {
     //Begin of =main= FUNCTION-BODY
        $('.arrow-next').click( function() {
             //code which gets executed when =click=ed
        });
        $('.arrow-prev').click( function() {
             //code which gets executed when =click=ed
        });
     //End of =main= FUNCTION-BODY
};
$(document).ready( main );

#4

Thank you so much! I was able to finish the lesson thanks to you!