Previous slide 2 - cannot get past, please help!


#1

Hi there,
Pretty new to this,but progressing nicely through the interactive website course. I'm at Previous slide 2 on the Make an Interactive website course and can't get past it!


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


I get the following error no matter what:
Oops, try again. Remember to fade out the current slide and remove the 'active-slide' class.


var main = function(){
    
$('.dropdown-toggle').click(function(event){
       
   $('.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 = $('.active-slide').prev();
    if(prevSlide.length ==0) {
        prevSlide = $('.slide').last();
    }
    currentSlide.fadeOut(600).removeClass('active-slide);
    prevSlide.fadeIn(600).addClass('active-slide');
    
    
});


};



$(document).ready(main);


#2

Hi @maxwellsmartish,

You've got an unclosed single quote (') in your code :slight_smile:

Can you find it?

Hint (click to view)

Look at this line:

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


#3

Hi,

Thanks, I added that quote, but still no dice...any other ideas?

Max


#4

@maxwellsmartish Could you post your updated code, please?


#8

This topic is inactive.