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#


I keep getting the error "Oops, try again. Remember to fade out the current slide and remove the 'active-slide' class."


    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(duration).removeClass('active-slide');
    prevSlide.fadeIn(duration).addClass('active-slide');
    
});
};
$(document).ready(main);


#2

Hi this part

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

where you have duration you should put 600

Edit:
here

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

you shoud put - between arrow and prev, then before arrow you should put a dot like that

$('.arrow-prev')

#3

3 posts were split to a new topic: Previous slide 2 (9/12)