I have an unordered list of images that when you hover over them an enlarge icon appears on the link (the image is the background of the list-item). The problem is that I have a drop-down, and when I hover over part of the drop-down that appears over the image, the drop-down disappears so I know I have some kind of propagation problem. Any ideas?
Code:
$(document).ready(function() {
var $art = $(‘#artwork li a’);
$art.css(‘opacity’, 0);
$art.hover(
function() {
$(this).stop().animate({
opacity: 1,
},150);
},
function() {
$(this).stop().animate({
opacity: 0,
},400);
}
);