Prev Dot 1 "Parser Error"


#1


https://www.codecademy.com/en/courses/web-beginner-en-seyrq/0/11?content_from=make-an-interactive-website%3Ajquery-effects

My code passes but the dots OR the slides won't work in either direction and I'm getting a "parser error" which I've never had and i don't understand. Can anyone help?

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');
     
 });
 
 };
     

$(document).ready(main)


#2

@tagcoder00645,
With your code

var main = function() {
    $(".dropdown-toggle").click(function() {
        $(".dropdown-menu").toggle();
        });
 };  //<====here you close the =main= function-body !!

you have closed your main function
and the rest of the code is not seen as being part of this main function