9. Previous slide 2. (Interactive website - flipboard)


#1

I keep getting the error message of "Remember to fade out the current slide and remove the 'active-slide' class".
Please help me to point out my error for this code. Thank you!

var main = function () {
$('.dropdown-toggle').click(function() {
$('.dropdown-menu').toggle().show;
});
$('.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 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');
})
}
$(document).ready(main);


#2

Here

var main = function() {
  $('.dropdown-toggle').click(function() {
    $('.dropdown-menu').toggle().show;
  });
  $('.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 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');
  })
}
$(document).ready(main);

You had nextDot = $('.dot.).first();. As you can see, you didn't close it with ' but put an ..


#3

A post was split to a new topic: Can someone tell my what's wrong with this?


#4