7 dot


#1
    var main = function() {
    $('.dropdown-toggle').click(function() {
        $('.dropdown-menu').toggle();
    }); 
    
    $('.arrow-next').click(function() {
       var currentDot = $('.active-dot');
       var nextDot = currentDot.next();
       
       currentDot.removeClass('active-dot');
       nextDot.addClass('active-dot');
       
       var currentSlide = $('.active-slide');
       var nextSlide = currentSlide.next();
       
       if (nextSlide.length == 0) {
            nextSlide = $('.slide').first(); 
            nextDot = $('.dot').first();
          }
       
      
       currentSlide.fadeOut(600).removeClass('active-slide');
       nextSlide.fadeIn(600).addClass('active-slide');
       
      
    });
};



$(document).ready(main);

Whats wrong?


#2

@quzziy,

You will have to place

   currentDot.removeClass('active-dot');
   nextDot.addClass('active-dot');

AFTER your IF-statement.....