Previous slide 2 (9/12)


#1

https://www.codecademy.com/courses/web-beginner-en-seyrq/0/9?content_from=make-an-interactive-website%3Ajquery-effects#
Hi Wiz, I did all that but it still shows that message.

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

if(prevSlide.length === 0) {
    prevSlide = $('.slide').last();
  }

currentSlide.fadeOut(600).removeClass('active-slide');
prevSlide.fadeIn(600).addClass('active-slide');

});
};
$(document).ready(main);


Previous Slide 2 (9/12)
#2

Hi this part

$('arrow.prev').click(function()

you should put - instead of dot between arrow and prev, then put a dot beffore arrow like that

$('.arrow-prev')...

#3

Thanks man. That helped a lot.