Stuck on previous slide 2


#1

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

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();
        }
        
        $('.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');
        });
        
        currentDot.removeClass('active-dot');
        nextDot.addClass('active-dot');
        // animations
        currentSlide.fadeOut(600).removeClass('active-slide');
        nextSlide.fadeIn(600).addClass('active-slide');       
        
    });
    
};

$(document).ready(main);

#2

You’ll need lines similar to these in the arrow-next handler.

Edit

Have you closed the arrow-next handler, as well as inserthing the expected code?


#3

Added a )}; at the end of .arrow-next and removed the one at the near bottom.

Thanks


#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.