Referring to my previous question
I have got the sliding effect on search box. I have implemented the same effect for two panels in the same page.
The problem now is, If you can see my working demo, when you mouse over on 1st and second icon you can see the sliding effect.
This effect should slide one time and close smoothly after a second which is working perfect.
But when you quickly mouse over on both the icons (one after the another for 2-3 times) and suddenly take cursor to the empty space of the section bar and then to the down, you can see the weird animation of the sliding.
Why is this effect happening?
This is the sample code for SOF
$('.search').mouseenter(function(){
$('.search > img').hide();
$('.search > input').show();
$(this).animate({'width' : "300px"});
});