What's wrong with my code on 4/12


#1

What's wrong with my code. I did everything that I follow.

var main = function() {
$(".dropdown-toggle").click(function() {
$('.dropdown-menu').toggle();
});
$(".arrow-next").click(function() {
var currentSlide = $(".active-slide");
var nextSlide = currentSlide.next();
currentSlide.fadeOut(600).removeClass$(".active-slide");
nextSlide.fadeIn(600).addClass$(".active-slide");
});
};

$(document).ready(main);


#2

@betarunner19143,

+++++ addClass removeClass

Every HTML-Element has so called attributes.
One of the possible attributes, is the class-attribute.

If you write the HTML-document, you add the class-attribute
within the Element-Tag by using the syntax
class-keyword = then a string
containing the class-name
OR mutliple class-names which are =separated=from=eachother= by a space

Thus with

 <div class="myClass1 myClass2 myClass3" ></div>

you now have a DIV-Element carrying 3 classes myClass1, myClass2 and myClass3

As part of its CSS-category-of-Methods jQuery gives you the ability
to manipulate this class-attribute
by providing the addClass()-, removeClass()-, toggleClass()-Methods.
You will have to provide the Method at least 1 argument
which is the string VALUE of the class-name.
Thus you have to change

currentSlide.fadeOut(600).removeClass$(".active-slide");
 nextSlide.fadeIn(600).addClass$(".active-slide");

into_
currentSlide.fadeOut(600).removeClass("active-slide");
nextSlide.fadeIn(600).addClass("active-slide");

The confusion when to use a pre-pending dot or NOT...
In the Cascading Style Sheet syntax,
you have to prepend-a-dot to the classname
so the CSS will interpret it as a class-attribute
So in the file style.css you will find an object
identified by .current,
In this .current object
the background property-key is set to a particular VALUE

jQuery uses the same syntax to identify a class-attribute
like in the jQuery-selector
$(".arrow-next") by which this HTML-Element and all it's CHILDREN
are selected into a jQuery-object,

This parent-HTML-Element carries the class-attribute with class-name "arrow-next"

Reference::

google search
class site:jquery.com
https://api.jquery.com/category/selectors/
http://api.jquery.com/class-selector/
https://api.jquery.com/element-selector/
http://www.w3schools.com/jquery/jquery_ref_selectors.asp
http://www.w3schools.com/jquery/trysel.asp

what is CSS explained site:developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/What_is_CSS

Some reference-material:
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

http://stackoverflow.com/questions/1795438/load-and-execution-sequence-of-a-web-page


#3

@betarunner19143,
As an extra
https://www.codecademy.com/forum_questions/5615308ab62548021c0000e4