<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>
<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/courses/web-beginner-en-seyrq/0/7?content_from=make-an-interactive-website%3Ajquery-effects#
<In what way does your code behave incorrectly? Include ALL error messages.>
I am unable to get my dot to wrap around back to the first dot. I am sure it is a syntax issue but I cannot see where I am making the mistake
var main = function() {
('.dropdown-toggle').click(function() {
(’.dropdown-menu’).toggle();
});
('.arrow-next').click(function(event) {
var currentSlide = (’.active-slide’);
var nextSlide = currentSlide.next();
var currentDot = $(’.active-dot’);
nextDot = currentDot.next();
currentDot.removeClass(‘active-dot’);
nextDot.addClass(‘active-dot’);
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);
<do not remove the three backticks above>