This forum is now read-only. Please use our new forums! Go to forums
Lesson 9/12 'Make sure you have defined all the variables!'
I’m lost and have no idea what i’m missing and can’t seem to figure out why its wrong. My code in app.js is: 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();
var nextDot = $('.dot').first();
}
currentSlide.fadeOut(600).removeClass('active-slide');
nextSlide.fadeIn(600).addclass('active-slide');
});
}; $(‘.arrow-prev’).click(function() { var currentSilde = $(‘.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);
Answer 55e4c99395e3784e14000434
+++++ flipboard the next && prev steps
s t e p s - - f o r - - n e x t S l i d e -1 -1a create a selection of nextSlide -1b create a selection of nextDot -2 check if selection of nextSlide is EMPTY -2a if EMPTY change nextSlide selection to first slide -2b and change nextDot selection to first Dot -3 swap -active-slide- and -active-dot- class from current to next Step3 is done by
currentSlide.fadeOut(600).removeClass('active-slide');
nextSlide.fadeIn(600).addClass('active-slide');
currentDot.removeClass('active-dot');
nextDot.addClass('active-dot');
s t e p s - - f o r - - p r e v S l i d e -1 -1a create a selection of prevSlide -1b create a selection of prevDot -2 check if selection of prevSlide is EMPTY -2a if EMPTY change prevSlide selection to last slide -2b and change prevDot selection to last Dot -3 swap -active-slide- and -active-dot- class from current to prev Step3 is done by
currentSlide.fadeOut(600).removeClass('active-slide');
prevSlide.fadeIn(600).addClass('active-slide');
currentDot.removeClass('active-dot');
prevDot.addClass('active-dot');
Popular free courses
- Free Course
Learn SQL
In this SQL course, you'll learn how to manage large datasets and analyze real data using the standard data management language.Beginner friendly,4 LessonsLanguage Fluency - Free Course
Learn JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.Beginner friendly,11 LessonsLanguage Fluency - Free Course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner friendly,6 LessonsLanguage Fluency