Previous slide 2 --error ----defined all the variables


#1

I have stock in Previous slide 2 and I need help. When I press save and summit the errors I have is Make sure you have defined all the variables!

So this is the code I put

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 currenSlide = $('.active-slide');
var prevSlide = currentSlide.prev();

var currentDot = $('.active-dot');
var prevDot = currentDot.prev();

if(prevSlide.length == 0) {
    prevSlide = $('.slide').last();
    prevDot = $('.dot').last();

}

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

currentDot.removeClass('active-dot');
prevDot.addClass('active-dot');

});

}
$(document).ready(main);

Please, I need help for continued.... Thank you


#2

Hello @jessica34,

If you notice closely, in the first line of your $(".arrow-prev") function, you have spelt currentSlide wrong, you have spelt it as CurrenSlide. Change that up and you'll be good to go :smiley:!


#3

Thank you! I have resolved the problem.


#4

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