[jQuery] Hover does not stop
Hello everybody,
I want to create a menu on the left side of the screen. OnMouseOver
the menu should slid in from the left, OnMouseOut the menu should
slide back to the right so that only 30px are still visible. I tried
something but actually I cannot control it because it doesn't stop
sliding:
http://www.ulmercampus.de/try
Here is the source:
$(function(){
$('#navigation').hover(
function() { $(this).animate({left: '-210'}, 'slow');},
function() { $(this).animate({left: '0'}, 'slow');}
);
});
And here the XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>| Hallo Welt|</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="identifier-url" content="www.ulmercampus.de" />
<meta name="author" content="sevenartworks.com" />
<meta name="description" content="" />
<meta name="keywords" lang="de" content="" />
<meta name="keywords" lang="en-us" content="" />
<meta name="keywords" lang="en" content="" />
<meta name="keywords" lang="fr" content="" />
<meta name="robots" content="index" />
<meta name="robots" content="nofollow" />
<meta name="revisit-after" content="10days" />
<meta name="audience" content="all" />
<meta name="seite-topic" content="" />
<meta name="seite-type" content="portal" />
<meta http-equiv="content-language" content="de" />
<meta http-equiv="imagetoolbar" content="no" />
<script src="./module/jquery.js" type="text/javascript"></script>
<script src="./module/javascripts.js" type="text/javascript"></
script>
<link rel="stylesheet" href="./stylesheets/reset.css" type="text/css" /