Mam diva z pozycją fixed po prawej stronie strony, sa w nim 4 obrazki , chce aby po najechaniu na pojedynczy obrazek wysuwal sie on lekko w lewo.Jednak z tym co mam wysuwaja sie wszystkie na raz. Domyslam sie ze problemem jest tu pozycja fixed diva.
<div id="box">
<a href="#"><img src="img/aaa.jpg"></a><br>
<a href="#"><img src="img/bbb.png"></a><br>
<a href="#"><img src="img/ccc.png"></a><br>
<a href="#"><img src="img/ddd.png"></a>
</div>
#box{
position: fixed;
right: 0;
margin-top: 250px;
}
#boximg {
height: 40px;
width: 40px;
}
$(document).ready(function() {
$("img").mouseenter(function() {
$(this).animate({marginRight: '6px'},'slow');
}),
$("img").mouseleave(function() {
$(this).animate({marginRight: '0px'},'slow');
});
});
Jak to naprawić?