$(document).ready(function(){

//RELEASE 0: 
  //Link this script and the jQuery library to the jquery_example.html file and analyze what this code does. 

$('body').css({'background-color': 'pink'});

//RELEASE 1:
  //Add code here to select elements of the DOM 

var divElement = $('div');
var divInDivs = $('div div');
var headerElement = $('h1');

//RELEASE 2: 
  // Add code here to modify the css and html of DOM elements
headerElement.css({'color':'#9C1C6B'});
//headerElement.css({'border':'1px solid #9C1C6B'});
headerElement.css({'visibility':'hidden'});
headerElement.css({'visibility':'visible'});
$('#fiddlers').html('Fiddler Crabs');
//RELEASE 3: Event Listener
  // Add the code for the event listener here 
  $('img').on('mouseover', function(e){
     e.preventDefault();
    $(this).attr('src', 'fiddler_inverted.png');
  });
  $('img').on('mouseleave', function(e){
     e.preventDefault();
    $(this).attr('src', 'fiddler.png');
  });

//RELEASE 4 : Experiment on your own


divElement.click(function(){
	$(this).toggleClass('show-description');
});

divInDivs.hover(function(){
  $(this).toggleClass('hover-color');
});


});  // end of the document.ready function: do not remove or write DOM manipulation below this.