html - jQuery not working at all? -
when type code in, label div title, , put jquery code in expand when mouse on it. however, doesn't seem working when put in code?
the code i'm using here:
it looks did not link jquery library. try adding 1 of following lines <head>
:
1.x
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
2.x
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
e.g.
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="script.js"></script> <title> risebush|home </title> </head>
update:
replace script.js this:
$(document).ready(function () { $("#info").hover(function () { $(this).closest("#info").css("z-index", 1); $(this).animate({ height: "400" }, "fast"); }, function () { $(this).closest("#info").css("z-index", 0); $(this).animate({ height: "250" }, "fast"); }); });