Remove '.active-dot' from current dot


#1


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

incorrectly? Include ALL error messages.>

"Oops, try again. Remember to remove '.active-dot' from the current dot." is all i get.

 
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();
    }
    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 = $('.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');

});

$(document).ready(main);

#2

Hi Worthbear,

See what you're doing here?

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

You need to do the same thing for prevDot now, at the end of the $('.arrow-prev').click(...); part :slight_smile: