in CSS, try adding position: relative; to the #navigation properties
On Aug 27, 7:12 pm, Mario <sevenartwo...@googlemail.com> wrote: > 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" / > > <link rel="stylesheet" href="./stylesheets/stylesheet.css" type="text/ > css" /> > </head> > > <body> > <div id="navigation"> > Hallo Welt > > </div> > > </body> > </html>