Skip to content

Instantly share code, notes, and snippets.

@eakmotion
Created November 21, 2012 22:29
Show Gist options
  • Save eakmotion/4128280 to your computer and use it in GitHub Desktop.
Save eakmotion/4128280 to your computer and use it in GitHub Desktop.
HTML Testing with Jquery
<html>
<title></title>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
hello
<nav>
<ul>
<li><a href="www.google.com" title="Lorum ipsum dolor sit amet">Lorem255</a></li>
<li><a href="#nowhere2" title="Aliquam tincidunt mauris eu risus">Aliquam</a></li>
<li><a href="#nowhere3" title="Morbi in sem quis dui placerat ornare">Morbi 6565</a></li>
<li><a href="#nowhere" title="Praesent dapibus, neque id cursus faucibus">Praesent</a></li>
<li><a href="#nowhere" title="Pellentesque fermentum dolor">Pellentesque</a></li>
</ul>
</nav>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
// $("a").hide("slow").show("slow");
$("a").hover(function(event){
$(this).toggleClass("hilight");
}).click(function(event){
event.preventDefault();
$(this).show("slow" , function(){
$(this).toggleClass("bigger");
})
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment