SlideUp/Down Mozila Firefox problem ! ! !
So ! ! !
I have the following code in HTML and I like to slideUp the .img1 when the mouse is over and slideDown when the mouse is out. I have write some code on JQuery but the problem is that the slideUp and slideDown are working all the time the mouse is over the .img1. They do slideUp and imediatly slideDown at the time that the mouse is over the .img1.
This problem oqure only on Mozila Firefox. All the other browsers are working perfectly. Also the first time I pass my mouse over the .img1 it works fine but the second time I have the problem ! ! ! !
What can I do ? ? ?
HTML CODE
-
<div id="serviceList">
<div class="service">
<div class="note">
Note Content
</div>
<!--
The folowing DIV it is stylized with CSS to have the same width and height with the above div (.note) And I like to SlideUp on mouse over and slideDown on mouseOut
//-->
<div class="img1"></div>
</div>
<div class="service">
<div class="note">
Note content
</div>
</div>
<div class="service">
<div class="note">
Note Content
</div>
</div>
</div>
JQuery Code
-
$(document).ready(
function()
{
$(".img1").mouseover(
function()
{
$(".img1").slideUp("slow", function()
{
$(".service").mouseout(
function()
{
$(".img1").slideDown("slow");
});
});
})
});