Oops, try again. Remember to remove '.active-dot' from the current dot


#1

Is this a bug in this course in interactive website?

If anyone does have the same problem please response all help will be appreciated.

here is 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');
    
    currentDot.removeClass('active-dot');
	prevDot.addClass('active-dot');
	
 });
}

$(document).ready(main);

#2

Hi Are you stuck or you pass the lesson?


#3

Hi John,

Please post a link to the exercise you're on so we can help you :slight_smile:


Also, please don't give out advice randomly like that. We'll create FAQs when necessary, and you can answer specific questions, but doling out advice like you were doesn't really benefit most people, so please avoid it :slight_smile: