11. Previous dot 2


#1

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 = currentDot.next();
     
     if(nextSlide.length == 0) {
         nextSlide = $('.slide').first();
         nextDot = $('.dot').first();
     }     
         
$('.arrow-prev').click(function()  { 
    var currentSlide = $('.active-slide');
    var prevSlide = currentSlide.prev();
    
    var currentDOt = $('.active-dot');
    var prevDot = currentDot.prev();

    
    if(prevSlide.length == 0) {
        prevSlide = $('.slide').last();
        prevDot = $('.dot').last();
    }
    
     currentSlide.fadeOut(600).removeClass('active-slide');
     nextSlide.fadeIn(600).addClass('active-slide');
     
     
     currentDot.removeClass('active-dot');
     nextDot.addClass('active-dot');
 });


$(document).ready(main);

not sure where I am wrong :frowning:


#2

Hello @kylerausch4

I saw that in your code you defined the variable currentDOt rather than currentDot on line 31. Fix this and all should be well. :smiley: