This forum is now read-only. Please use our new forums! Go to forums
Exercise 9/12 - Have no clue on what is wrong
I always get the message “Remember to fade out the current slide and remove the ‘active-slide’ class”
Here is my code:
var main = function(){
$('.dropdown-toggle').click(function(){
$('.dropdown-menu').toggle();
})
$('.arrow-next').click(function(){
var currentSlide = $('.activeSlide');
var nextSlide = currentSlide.next;
if(nextSlide.length === 0){
nextSlide = $('.slide').first();
}
$(currentSlide).fadeOut(600);
$(currentSlide).removeClass('active-slide');
$(nextSlide).fadeIn(600);
$(nextSlide).addClass('active-slide');
var currentDot = $('.active-dot');
var nextDot = currentDot.next();
if(nextDot.length === 0){
nextDot = $('.dot').first();
}
$(currentDot).removeClass('active-dot');
$(nextDot).addClass('active-dot');
})
$('.arrow-prev').click(function(){
var currentSlide = $('.activeSlide');
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 560e5c593e0ec8b95b00032f
0 votes
Found it on the click event handler for $(‘.arrow-prev’) I’ve called the class ‘.active-slide’ as ‘.activeSlide’
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