Jquery 2

by atheer Salim

HTML

<!--
<div id = "clickme">
<p>
hej
</p>
</div>

<p id="text">
då
</p>
-->


<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

#clickme {
  
  background: blue;
  
}

#text {
  
 background: red;
 display:none;
  
}

div {
  width: 45px;
  height: 45px;
  margin: 10px;
  float: left;
  border: 2px solid red;
  
}

.blue {
  
  background: blue;
  
}

JavaScript

$(document).ready(function() { 

/*	$( "#clickme" ).click(function() {
  	$( "#text" ).slideDown("slow");
});

	$( "#clickme" ).dblclick(function() {
  	$( "#text" ).slideUp("slow");
});*/

/*$( "#clickme" ).click(function() {
  	$( "#text" ).slideToggle("slow");
});*/



/*$( "#clickme" ).click(function() {
  	$(this).animate({
    	opacity: 0.45
    }, 400, function() {
    // Animation complete.
    $("#text").slideDown("slow");
  });
});*/

var count = 0;
for (var i = 0; i <= 9; i++) {

	if (i % 2 == 0) {
  	continue;
  }
  
  $("div").eq(i).addClass("blue");
  
  if ($("div").hasClass("blue").toString() == "true") {
  	count++;
    console.log("there are " + count + " divs that has blue class");
  } 
  
}





});