12. Congratulations! Your site still doesn't work


#1

I've completed this course, but I can't seem to find the errors necessary to fix my issues. My jQuery is causing the Flipboard home page to not work properly. Hopefully somebody can give me some advice.

The carousel doesn't work. Here is what I have:

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

#2

@akgwilliams
Take care when to use a closing-curly-bracket-}

The structure of the =main= function should look like

var main = function() {
     //Begin of =main= FUNCTION-BODY
        $('.dropdown-toggle').click(function(){
              $('.dropdown-menu').toggle();
        });

        $('.arrow-next').click( function() {
             //code which gets executed when =click=ed
        });
        $('.arrow-prev').click( function() {
             //code which gets executed when =click=ed
        });
     //End of =main= FUNCTION-BODY
};

And the =main= function should be executed when the document is fully loaded and READY

$(document).ready( main );

#3

currentDot.removeClass('active-dot');
nextDot.addClass('active-dot');
});
} --> this extra bracket should be remove and add into end of your second event button