This forum is now read-only. Please use our new forums! Go to forums
10/12 Doesn't always shows error, even with the exact help code.
Even after I used the exact (copy paste) help code, I still get an error. There must be a bug with the acceptance in this as I have looked over that code over and over again and I can’t see what is wrong.
$('.arrow-prev').click(function() {
var currentSlide = $('.active-slide');
var prevSlide = currentSlide.prev();
var currentDot = $('.active-dot');
var prevDot = currentDot.prev();
if(prevSlide.length === 0) {
prevSlide = $('.slide').last();
}
currentSlide.fadeOut(600).removeClass('active-slide');
prevSlide.fadeIn(600).addClass('active-slide');
currentDot.removeClass('active-dot');
prevDot.addClass('active-dot');
});
Answer 547e1fed282ae351cf0043c5
Works for me!
Here you go:
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(); 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(); var currentDot = $(‘.active-dot’); var prevDot = currentDot.prev(); if(prevSlide.length === 0) { prevSlide = $(‘.slide’).last(); } currentSlide.fadeOut(600).removeClass(‘active-slide’); prevSlide.fadeIn(600).addClass(‘active-slide’); currentDot.removeClass(‘active-dot’); prevDot.addClass(‘active-dot’); });
currentSlide.fadeOut(600).removeClass(‘active-slide’); prevSlide.fadeIn(600).addClass(‘active-slide’);
}); };
$(document).ready(main);
Answer 54217e9052f863232a002aee
Answer 547102579c4e9d979e002b79
I think i know what’s going on. This has happened to me in several lessons now. It looks like chunks of code that we’ve previously written is either being deleted, or it’s not saving. For me on this piece, the dot variables in the arrow-next event handler were deleted. After I added those pieces back in, it passed.
I don’t remember them telling us they would do that though…
Answer 55b67f25d3292f498d0002a2
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();
nextDot=$('.dot').first();
};
$('.arrow-prev').click(function() {
var currentSlide=$('.active-slide');
var prevSlide=currentSlide.prev();
var currentDot=$('.active-dot');
var prevDot=currentDot.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');
});
currentSlide.fadeOut(600).removeClass('active-slide');
nextSlide.fadeIn(600).addClass('active-slide');
currentDot.removeClass('active-dot');
nextDot.addClass('active-dot');
});
};
$(document).ready(main);
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