Previous Slide 2 (9/12)


#1

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/courses/web-beginner-en-seyrq/0/9?content_from=make-an-interactive-website%3Ajquery-effects#

<In what way does your code behave incorrectly? Include ALL error messages.>
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);

<do not remove the three backticks above>

#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)