Previous Slide 2: Can’t figure out what’s wrong with my code


#1

Can someone please help me? I keep getting… Oops, try again. Remember to fade out the current slide and remove the ‘active-slide’ class.

Here is my Code…

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

$(document).ready(main);

#2

At first glance, that segment of code is not where it belongs. It should be inside a handler function.


#3

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