This forum is now read-only. Please use our new forums! Go to forums
"Remember to remove '.active-dot' from the current dot";Can't Find Problem in Code
I can’t find why the program keeps on telling me to “remember to remove ‘.active-dot’ from the current dot.” I have changed my code numerous times but I keep on getting the same message. If anyone could help me, that would be great. My code: 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();
prevDot = $('.dot').last();}
currentSlide.fadeOut(600).removeClass('active-slide');
prevSlide.fadeIn(600).addClass('active-slide');
});
}; $(document).ready(main);
Answer 54acd166d3292fb064003856
Answer 54bae69c95e378a1b70028bf
$(‘.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');
}); }; $(document).ready(main);
Change into :
$('.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();
currentDot.removeClass('active-dot');
prevDot.addClass('active-dot');
}
currentSlide.fadeOut(600).removeClass('active-slide');
prevSlide.fadeIn(600).addClass('active-slide');
});
} $(document).ready(main);
Answer 55851d39d3292faee600062d
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(); prevDot = $(‘.dot’).last(); };
currentSlide.fadeOut(600).removeClass(‘active-slide’); prevSlide.fadeIn(600).addClass(‘active-slide’); currentDot.removeClass(‘active-dot’); prevDot.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
3 comments
That doesn’t seem to work.
@JC provide the code you are using in an -new- “Add an answer”
thank you so much! @Leon