Има следното линк с картинка:
искам когато мина върху него с мишката да се скрие картинката , а като се махне от обекта да се върне в нормално състояние и правя така:
Проблема е, че когато съм върху картинката с мишката и колкото пъти да мръдна се повтаря анимирането, а попринцип с .stop() трябва да се изпълни само веднъж и да се спре, но не става.
Благодаря предварително!
Код:
<a href="#" id="link2"><img src="img/2.png" border="0" id="11"/></a>
Код:
$(document).ready(function(){
var img1 = $('#11');
img1.hover(function()
{
$(this).stop().animate({opacity: "hide"}, "fast");
});
img1.mouseout(function()
{
$(this).stop().animate({opacity: "show"}, "fast");
})
});Благодаря предварително!
