[jQuery] Jquery mouseover mouseout Animation
Hello, I wanted to have an animated slide down upon mouse hover and
slide back up upon mouse off.
This is for an accordianish menu with the sub ul hidden in the css
stylesheet. Shown further below is my concept. Although not working.
Note: Something looks unnatural about
.mouseout
betwwen brackets
like that, there may be other problems in the script. As mentioned
this is a concept with bugs. Someone who knows jquery well would know
what to do
$
function
{
$
'#subul a'
.mouseover
function
{ $
this
.stop
if
'#subul'
.is
':hidden'
{
'#subul'
.slideDown
800
} else if
.mouseout
{$
this
.stop
.slideUp
600
}
}
;
}
;
<ul>
<li><a href="something">Once again</a></li>
<li><a href="something">Sub Menued</a>
<ul id="subul">
<li><a href="one">Once again to see it again</a></li>
<li><a href="two">Once again to see</a></li>
<li><a href="three">Once again to see</a>
</li>
</ul>
</li>
<li><a href="something">Getting this way</a></li>
</ul>
Thanks from Josh