Hi,
I am new to jQuery and I have a doubt in slider effect. I just wanted
to replace js with jQuery in my website.
I have a dropdown link in my site, for that i am using slideDown,
slideUp effects. I need slideDown for onMouseOver and slideUp for
onMouseOut. I gave slideDown link to the text and slideUp to the
dropdown div which shows on slidedown effect.
When I mouse over the link, the drop-down shows properly but, when I
move the mouse over the dropdown div, its getting closed. Actually I
need to close it only when I move out of the dropdown div.
Here is my code.
---------------------------
<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
function divopen()
{
jQuery("#test").slideDown("slow");
}
function divhide()
{
jQuery("#test").slideUp("slow");
}
</script>
<style>
div#test { background:#F7F7F7; top:54px; left:1px; width:200px;
border:1px solid green; float:left; }
</style>
</head>
<body>
<div onMouseOver="divopen();" style="width:90px; border:1px
solid">Click me!</div>
<div id="test" onMouseOut="divhide();" style="display:none">
The minified versions, while having a larger file size
<p>The minified versions, while having a larger file size than the
packed versions</p>
<p>The minified versions, while having a larger file size than the
packed versions</p>
<p>The minified versions, while having a larger file size than the
packed versions</p>
<p>The minified versions, while having a larger file size than the
packed versions</p>
<p>The minified versions, while having a larger file size than the
packed versions</p>
</div>
</body>
</html>
Please help me to fix the issue...
Thanks,
Prakash
