Previous Slide 2 Remember to fade out the current slide


#1

Looking at my code and tried comparing it to a few other posts on this exercise but can't seem to locate what I'm doing wrong:

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

});

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

currentDot.removeClass('active-dot');
nextDot.addClass('active-dot');
});

}

$(document).ready(main);


#2

Nevermind I figured it out, had the ) and the } switched up