Need help attaching external jquery ui library
Hello i'm new to jquery after learning html and css. Can anyone tell me if i'm doing anything wrong? It's not working. Thank you.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=920" />
<title>Swift</title>
<link rel="stylesheet" type="text/css" href="Index.css">
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.4.custom.css" />
<script src="/Users/Am/Desktop/Swift.Files/js/jquery-ui-1.10.4.custom.js"></script>
<script src="/Users/Am/Desktop/Swift.Files/js/jquery-1.10.2.js"></script>
<script src="/Users/Am/Desktop/Swift.Files/js/jquery-ui-1.10.4.custom.min.js"></script
>
<script type='text/javascript' language='javascript' src='/Users/Am/Desktop/Swift.Files/index.js'></script>
</head>
<body>
<div id="header">
<div id="logo">
<img src="/Users/AdstractMarketing/Desktop/Swift.Files/swift-none.png" alt="logo" height="50" width="302">
</div>
<ul id="menu">
<li class="home"><a href="/Users/AdstractMarketing/Desktop/Swift.Files/"><img src="azure.png" alt="azure"
height="90" width= "90"
></a></li>
<li class="services"><a href="/Users/Am/Desktop/Swift.Files/"><img src="green.png" alt="green" height="90" width= "90"></a></li>
<li class="contact"><a href="/Users/Am/Desktop/Swift.Files/"><img src="purple.png" alt="purple" height="90" width= "90"></a></li>
<li class="history"><a href="/Users/Am/Desktop/Swift.Files/"><img src="red.png" alt="red"
height="90" width= "90"></a></li>
<li class="reviews"><a href="/Users/Am/Desktop/Swift.Files/"><img src="yellow.png" alt="yellow" height="90" width= "90"></a></li>
<li class="clients"><a href="/Users/Am/Desktop/Swift.Files/"><img src="teal.png" alt="teal"
height="90" width= "90"></a></li>
</ul>
</div>
<p>afdf</p>
</body>
</html>
<----------------------------------------------------------->on a seperate index.js
$(document).ready(function() {
$('.home').mouseenter(function() {
$(this).animate({
height: '+=10px'
});
});
$('.home').mouseleave(function() {
$(this).animate({
height: '-=10px'
});
});
$('.home').click(function() {
$(this).toggle(1000);
});
});