FadeIn DIV when i rollover button
Hi Guys,
I really really really need some help on this one please
This is my page so far::: http://tinyurl.com/mocyk8
I have setup a page which has a list of holes 1 - 18 which have a link for each hole. the link is the whole line for each hole. (only hole 1 is done so far)
then i have the hole descriptions inside another DIV which i have hidden using CSS
so each hole is the same, there is a link for the hole so hole 1, hole2 etc and a hole description div for each hole like hole1det, hole2det etc.
Now what i have been trying to find out is how do i make the description DIVs fade in when i roll over the hole link and Fade Out when i roll off the hole link.
I really really really need some help on this one please
This is my page so far::: http://tinyurl.com/mocyk8
I have setup a page which has a list of holes 1 - 18 which have a link for each hole. the link is the whole line for each hole. (only hole 1 is done so far)
then i have the hole descriptions inside another DIV which i have hidden using CSS
-
#hole1det{
display:none;
position:absolute;
float:left;
margin-left:78px;
height:406px;
width:561px;
background:url(../images/scorecard_rollover_bg.png) left top no-repeat;
z-index:3;
padding:13px;
}
so each hole is the same, there is a link for the hole so hole 1, hole2 etc and a hole description div for each hole like hole1det, hole2det etc.
Now what i have been trying to find out is how do i make the description DIVs fade in when i roll over the hole link and Fade Out when i roll off the hole link.