11. previous dot 2: Remember to remove '.active-dot' from the current dot


#1

I get the following error all the time:
'Oops, try again. Remember to remove '.active-dot' from the current dot.'

Hope someone can help me! My code is below:

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.length == 0) {
          nextDot = $('.dot').first(); 
      }
      
      currentDot.removeClass('active-dot');
      nextDot.addClass('active-dot');
      });
      
    $('.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');
        prevSlide.fadeIn(600).addClass('active-slide');
        
        currentDot.removeClass('active-dot');
        prevDot.addClass('active-dot');
      });
    });
}

$(document).ready(main);

Thanks in advance!


#2

Hey Ic94,

You need to delete the }); on line 44 :)


#5

A post was split to a new topic: Need help on exercise 11, Previous Dot 2 - "Remember to remove '.active-dot' from the current dot" error