Next Slide 1 - code passes but doesn't work


#1

Pulling my hair out trying to work out why I can't get the arrow button to work on the site, despite my code passing. It looks the same as the preview and I've compared it to some past answers to this question in the forum but just can't find the error. Can anyone help? Please?

var main = function() {
$('.dropdown-toggle').click(function() {
$('.dropdown-menu').toggle();

});
$('.arrow-next').click(function() {
var currentSlide = $('.active-slide');
var nextSlide = currentSlide.next();

currentSlide.fadeout(600).removeClass('active-slide');
nextSlide.fadein(600).addClass('active-slide');

});

};

$(document).ready(main);


#2

Hi Paul,

Lines 10 and 11 need to have fadeOut/In camelCased like so:

currentSlide.fadeOut(600)//...
nextSlide.fadeIn(600)//...