9/12 code not working, don't know why!

So, 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();

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');

}); };

$(document).ready(main);

Errors i’m getting:

Oops, try again. Remember to fade out the current slide and remove the ‘active-slide’ class.
Uncaught SyntaxError: Unexpected token )

Where am I going wrong?

Answer 55fe0e6f51b8878a7e000349

-1 votes

Permalink

first of:

if(nextSlide.length == 0) { nextSlide = $(‘.slide’).first(); nextDot = $(‘.dot’).first(); }); //remove the parenthese after your curly braces//

second:

//in your arrow-next class there shoud be this//

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

//and your//

currentDot.removeClass(‘active-dot’); nextDot.addClass(‘active-dot’);

should be in the arrow-next class as well, not at the end// // like this//

    currentSlide.fadeOut(600).removeClass('active-slide');
    nextSlide.fadeIn(600).addClass('active-slide');
    currentDot.removeClass('active-dot');
    nextDot.addClass('active-dot');

hope that help

points

Submitted by patrick thibault

over 8 years

Answer 56004d48937676b5b40004e1

-1 votes

Permalink

$(‘.arrow-prev’).click(function() { var currentSlide = $(‘.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');

});

just only this cod,without next slide

points