[hockey97]

Hi I am using the jquery lib which is in javascript and I want to use the hover function and the fade in and out functions.

I created a script already but it is not working at all.

here is the script:

$("document").ready(function() {});
var hide=false;
$("#image").hover(
function () {
if (hide) clearTimeout(hide);
$("#ul1").fadeIn("slow");},
function () {
hide=setTimeout(function(){
$("#ul1").fadeOut("slow")},250);});


What I am trying to do is use a li and ul to display a list of pictures so when the mouse goes over an image specified in the code as #image which is the css definitions of that image the li (list) would slowly fade in and when the mouse goes off the image then the list slowly fades out.

The code above is not working at all and I don't fully know why.

I am using the css definitions specified by #element ect

so the css is like #image{position:fixed;} ect that's an example so the #image is coming from my css file.

if you don't know what jquery is but know javascript then take a look google jquery and click documentaitions they explain the functions hover and fadeIn fadeOut the hover is in the catagory events and fadeIn and fadeOut is in effects.

I read those and still don't understand what I am doing wrong.