The animate method doesn't work?

HTML-CSS
1

$(document).ready(function(){

$("#new-quote").click(function(){
	
	
	
	var color = [ '#FFA07A', ' #48c9b0 ', '#008080', '#808080', '#800000', ' #FFC300 ', '#1abc9c'];
	var quotes = ["Hmm. We’re having trouble", "finding that site.", "We can’t connect to the server at codepen.io.",
	"If that address is correct, here are three other things you can try:", "Try again later.", "Check your network connection.", 
	"If you are connected but behind a firewall, check that Firefox has permission to access the Web."];
	
	var length = color.length;
	
	var randomValue = Math.floor(Math.random() * length);
		
	
	$("html body").animate({backgroundColor: color[randomValue]},1000);
	$("#tweet-quote").animate({backgroundColor: color[randomValue]},1000);
	$("#tumblr-quote").animate({backgroundColor: color[randomValue]},1000);
	$("#new-quote").animate({backgroundColor: color[randomValue]},1000);
	$("#quote").innerHTML = quotes[randomValue];
	
	
	
});

});

3

i included the JQuery UI but still not working!

5

Sure

7

I added these linkes and still not working, try it yourself

9

great, show me how to add the jquery ui correctly

10

Also look like you’re trying to reference files on your local machine, eg

<link rel="styleSheet" href="css/animate.css">

Don’t use link/script tags, go to settings and add the URL of the library you’re using to CSS/JS depending upon what it is.

11

still not working.

12

you can send me the edited code?

13

On a phone, so can’t check for errors, but this still applies:

Don’t use link/script tags, go to settings and add the URL of the library you’re using to CSS/JS depending upon what it is.

15

Thank you , you added the right links
these two scripts handled the problem

>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
16

Thank you Dan
i get it